Rounded corners
เดี๋ยวนี้ใครๆ ก็ขอบโค้ง? มีแต่ IE เท่านั้นแหละที่ยังขอบเหลี่ยมๆ
จับภาพมาเทียบกัน ด้านซ้ายใช้ Firefox3 ด้านขวาใช้ IE6
Wordpress
ว่ากันในเชิงเทคนิค HTML+CSS แล้ว การทำขอบโค้งให้ใช้ได้กับทุก browser นั้นเป็นเรื่องวุ่นวาย แต่ถ้าทำให้ขอบโค้งแค่เฉพาะใน Firefox, Safari หรือ Chrome นั้นง่ายนิดเดียว เพียงแค่ใส่ CSS เข้าไปแค่นี้
.rounded_corner { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
เพราะว่ามันง่ายแบบนี้ ระยะหลังถึงได้มีนักพัฒนาหลายเจ้าที่ยอม ปล่อยให้คนที่ใช้ IE กลายเป็นประชากรชั้นสอง ที่ได้ใช้งานเว็บแบบหน้าตาไม่สวยแทน อย่างที่ยกมาให้ดูข้างต้น
อย่างไรก็ตาม อย่างน้อยเว็บพวกนี้ก็ยัง “ทำงานได้” บน IE เพียงแต่ว่าไม่สวยนัก ยังดีกว่าเว็บในบ้านเราหลายๆ แห่งที่ “ใช้งานไม่ได้เลย” กับ browser อื่นที่ไม่ใช่ IE
แก้กันได้แต่เหนื่อยหน่อย
รูปสุดท้าย ก็ยังเป็นเหลี่ยมอยู่นะครับ
ป.ล. แซวเล่น อิอิ ^^
ไม่มาตรฐานนีหน่า
Opera ก็เหลี่ยม
IE จะชนะขาดอยู่คับ(ในเรื่องการใช้งานประจำนะ)
@oakyman – กะแล้วว่าต้องมางี้
คือ CSS แบบ proprietary มันจะขึ้นต้นด้วย “-” ครับ อย่าง -moz-* หรือ -webkit-* ผมไม่แน่ใจว่า opera มีอะไรแบบนี้ด้วยหรือเปล่า
@108blog – ไม่เข้าใจความหมายครับ
ถ้าใช้ ubuntu นานๆ ก็จะประสาทหลอนเห็นมุมอะไรมนๆไปหมดอยู่เหมือนกันครับ
เง้ย มันง่ายขนาดนี้เชียว ไว้ไปลองใช้บ้าง ^^