Home > CSS hacks > css hack IE6 !!!

css hack IE6 !!!

การ hack ในที่นี้ ไม่ได้หมายถึงว่า เราจะไปเจาะระบบ หรือจะไปทำให้ใครเดือดร้อน b-(? แต่จากที่เราได้รู้กันมาว่า การแสดงผลหน้าเว็บเพจ ของเบราเซอร์แต่ละตัวนั้นต่างกัน ก็เนื่องมาจาก มีการอ่านโค้ดที่ต่างกัน ดังนั้นเราจะอาศัยช่องโหว่ตรงนี้เขียนโค้ด เพื่อควบคุมให้เบราเซอร์แต่ละตัว อ่านค่าตามที่เราต้องการ? การ hack นั้น มีหลายรูปแบบ โดยจะค่อยๆแนะนำไปทีละรูปแบบนะครับ

-ขอเริ่มจากรูปแบบที่ผมใช้บ่อยที่สุดละกันนะครับ? ก่อนอื่นทบทวนกันสักเล็กน้อย ทุกคนคงทราบแล้วว่า css นั้น อ่านค่าจากบรรทัดบนลงล่าง ถ้าเราเขียนว่า

<style type=”text/css”>
body{
????????? background:green;
????????? background:red;
}
</style>

แบบนี้ บรรทัดที่อยู่ล่างสุดก็จะถูกอ่านที่หลัง ทำให้ เว็บเพจนี้มีพื้นหลังสีแดง และจากที่เรารู้มาว่า
!important นั้น จะมีความสำคัญสูงสุดแม้อยู่ตำแหน่งไหนก็ตาม (หากใครยังไม่ทราบอ่านได้ที่นี่)? ถ้าเราเขียนว่า

<style type=”text/css”>
body{
? background:green!important;
? background:red;
}
</style>

คุณคิดว่า จากโค้ด css นี้ จะทำให้เว็บเพจ มีพื้นหลังสีอะไร???? :-w

น่าแปลกที่ IE6 นั้น จะมีเป็น สีแดง แต่เบราเซอร์อื่น ไม่ว่าจะเป็น IE7 Fx1.5,2.0 Netscpae Opera จะได้พื้นหลังสีเขียว

เพราะว่า IE6 อ่านบรรทัดล่าง ส่วน เบราเซอร์อื่นอ่านบรรทัดบน ดังนั้นเมื่อเรารู้แล้ว่า IE6 มีข้อผิดพลาดแบบนี้ ถ้าใครประสบปัญหา หน้าเว็บแสดงไม่เหมือนกันใน Fx และ IE6 ก็ลองนำวิธีนี้ไปใช้ดู โดยคุณสามารถกำหนดค่าให้ต่างกันได้

Related Articles


Share
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. August 15th, 2007 at 13:55 | #1

    เพิ่งเข้าใจก็คราวนี้เอง
    ขอบคุณมากๆๆๆค่า
    :d

  2. เอ
    July 7th, 2008 at 10:49 | #2

    ขอบคุณมากมายเลยค่ะ
    :):)

  3. November 5th, 2009 at 04:42 | #3

    ขอบคุณครับ

  4. December 6th, 2009 at 12:43 | #4

    ความรู้แบบนี้ชอบจริงๆ

  5. December 6th, 2009 at 12:44 | #5

    ข้อมูลมีประโยชน์มากครับ

  6. March 1st, 2010 at 11:00 | #6

    ต้องรณรงค์เลิกใช้ IE6 ครับ ขอบคุณครับ

  7. March 5th, 2010 at 09:14 | #7

    ช่วงนี้พวกเว็บดัง ๆ ก็เริ่มเลิกใช้ IE6 กันแล้วครับ น่าจะดีขึ้นล่ะ :d

  8. March 13th, 2010 at 10:16 | #8

    ขอบคุณมากค่ะ

    เมื่อไหร่ จะเลิกใช้ ie6 กันซะที

    ตัด html ทีไร ปวดหัวกะ ie6 มากๆๆ:(

  1. No trackbacks yet.