css hack IE6 !!!
May 7th
การ 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 ก็ลองนำวิธีนี้ไปใช้ดู โดยคุณสามารถกำหนดค่าให้ต่างกันได้
เพิ่งเข้าใจก็คราวนี้เอง
ขอบคุณมากๆๆๆค่า
:d
ขอบคุณมากมายเลยค่ะ
:):)
ขอบคุณครับ
ความรู้แบบนี้ชอบจริงๆ
ข้อมูลมีประโยชน์มากครับ
ต้องรณรงค์เลิกใช้ IE6 ครับ ขอบคุณครับ
ช่วงนี้พวกเว็บดัง ๆ ก็เริ่มเลิกใช้ IE6 กันแล้วครับ น่าจะดีขึ้นล่ะ :d
ขอบคุณมากค่ะ
เมื่อไหร่ จะเลิกใช้ ie6 กันซะที
ตัด html ทีไร ปวดหัวกะ ie6 มากๆๆ:(