Home > CSS hacks > Conditional comments for IE

Conditional comments for IE


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

Related Articles

  • Share/Bookmark
Categories: CSS hacks
Tags:

About the author

Webmaster ของเว็บนี้และ www.toysmile.com กับ www.wondercutie.com ความสามารถ : web design, graphic design, CSS, PHP programming, wordpress, magento ตอนนี้กำลังสนใจ : การออกแบบ ตัวการ์ตูน คาแรคเตอร์ ^^

Website : http://www.divland.com

Facebook : http://www.facebook.com/divland

Twiter : http://twitter.com/divland


  1. likhi1
    May 30th, 2007 at 07:42 | #1

    อืมต้องจำกันอีกแล้วเหอๆ….

    ปวดหัวดีแท้……
    :d:d:d

    ขอบคุณมากครับ……

  2. May 31st, 2007 at 11:53 | #2

    ยังมี comment อีกแบบ ที่ใช้ได้บน netscape4 opera

    /*/*//*/property:value/**/

    เจอใน css ของ blogspot งงว่ามันเขียนทำไมแบบนี้ ตอนหลังมารู้ว่า hack ให้ทำงานบน netscape กับopera

    :)>-:)>-

  3. May 31st, 2007 at 13:59 | #3

    เป็นคอมเม้นที่รูปแบบล้ำลึกมากครับ netscape ที่ผมลงไว้ ตอนนี้เวอชั่น 8 แล้ว เดาเอาเองว่า ไม่น่าจะมีคนไทยที่ใช้ netscape 4 แล้วนะครับ ใครใช้เบราเซอร์เก่าๆ อัพเดทเถอะครับ พลีสส ^:)^ คนทำ css จะตายแหล่วว

  4. emptyzpace
    May 31st, 2007 at 15:39 | #4

    ขอเชียร์ไห้อัปเดทบราวเซอร์กันไวๆ เพราะแค่ไออี 6 ก็เซ็งไปตามๆกัน:-w

  5. เอ
    July 1st, 2008 at 15:12 | #5

    มีประโยชน์มาก ขอบคุณค่ะ

  6. December 6th, 2009 at 12:47 | #6

    Thank you for good information

  7. December 6th, 2009 at 12:47 | #7

    แนวนี้ชอบมากเลยครับ

  1. No trackbacks yet.