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