Conditional comments for IE

Posted by: smartboy

Conditional comments

เป็นส่วนคอมเม้นท์ที่ใช้กับ IE ใช้เมื่อเวลาเราทำหน้าเว็บเขียน css เสร็จแเรียบร้อยแล้ว เบราเซอร์อื่นทำงานปกติดี หน้าตาสวยงาม แต่ IE เจ้ากรรม ดันแสดงผลไม่เหมือนชาวบ้านเค้า เราก็ต้องเขียน css เฉพาะของ IE ขึ้นมา เพื่อทำงานทับบางส่วนที่เสียหาย ให้คุณเพิ่มโค้ดนี้ในส่วน head แต่ให้อยู่ใต้การเรียกไฟล์ css ของหน้าที่ต้องการแก้ เพื่อให้คอมเม้นนี้อยู่ด้านล่าง

<!–[if IE 6]>

ใส่ตั้งแต่ <style type=”text/css”>……….จนปิด </style> css ในส่วนนี้จะถูกอ่านที่เบราเซอร์ IE6

<![endif]–>

มีการใช้หลายๆแบบดังนี้

<!–[if IE]>
แสดงผลเฉพาะ Internet Explorer
<![endif]–>

<!–[if IE 5]>
แสดงผลเฉพาะ Internet Explorer 5
<![endif]–>

<!–[if IE 5.0]>
แสดงผลเฉพาะ Internet Explorer 5.0
<![endif]–>

<!–[if IE 5.5]>
แสดงผลเฉพาะ Internet Explorer 5.5
<![endif]–>

<!–[if IE 6]>
แสดงผลเฉพาะ Internet Explorer 6
<![endif]–>

<!–[if IE 7]>
แสดงผลเฉพาะ Internet Explorer 7
<![endif]–>

<!–[if gt IE 6]>
แสดงผลเฉพาะ Internet Explorer ที่เวอชั่นสูงกว่า 6
<![endif]–>

<!–[if gte IE 5]>
แสดงผลเฉพาะ Internet Explorer ที่เวอชั่นสูงกว่าและเท่ากับ 5
<![endif]–>

<!–[if lt IE 6]>
แสดงผลเฉพาะ Internet Explorer ที่เวอชั่นต่ำกว่า 6
<![endif]–>

<!–[if lte IE 5.5]>
แสดงผลเฉพาะ Internet Explorer ที่เวอชั่นต่ำกว่าและเท่ากับ 5.5
<![endif]–>

* gt: greater than

* gte: greater than or equal to

* lt: less than

* lte: less than or equal to

ที่มา : http://www.divland.com/blog/2007/05/29/conditional-comments-ie/#more-138

Leave a Reply