ผิดพลาดพฤติกรรม IE8: CSS แตกหักเค้าโครง (การกำหนดเป้าหมายเบราว์เซอร์รุ่นที่ใช้แท็ก Meta ใน IE8)
หากคุณเป็นคน CSS คุณจะได้รู้ว่าอาการปวดในการรับเค้าโครงของคุณทำงาน cross-browser IE8 ยังเป็นประแจในงานสำหรับนักพัฒนาเราอีก Anywaz! ถ้าคุณตีเมื่อปัญหานี้เช่นผมเมื่อวานนี้ที่ทำงานอย่างสมบูรณ์แบบ CSS ของคุณใน IE7 (และก่อนหน้า) และ Firefox ได้ก็เริ่มขว้างปา tantrums ใน IE8 ลองนี้ ... มันอย่างดูเหมือนจะแก้ไขปัญหาของฉันตอนนี้ ....
การใช้การประกาศ Meta เราสามารถระบุเครื่องมือการแสดงผลที่เราต้องการที่จะใช้ IE8 ดังนั้นเพื่อบังคับให้ IE8 แสดงผลเป็น IE7 ... แทรกแท็ก Meta ต่อไปนี้ในหัวของเอกสารของคุณ: -<meta http-equiv="X-UA-Compatible" content="IE=7" />
โดยค่าเริ่มต้น Meta IE จะเป็น: -
<meta http-equiv="X-UA-Compatible" content="IE=8" />
ซึ่งจะทำให้ IE8 แสดงผลหน้าเว็บโดยใช้โหมดมาตรฐานใหม่หากจำเป็นต้องใช้รูปแบบนี้สามารถนำมาใช้เพื่อรองรับเบราว์เซอร์อื่น ๆ ดังนี้
<meta http-equiv="X-UA-Compatible" content="IE=8;FF=3;OtherUA=4" />
รายละเอียดเพิ่มเติมเกี่ยว doctypes:
หากคุณยังไม่คุ้นเคยกับประเภทของสัตว์ที่เรียกว่า "Doctype" ... นี่คือบางอย่างรวดเร็วอ่าน
อะไร doctypes มีอะไรบ้าง อะไร Quirks BROWSER & โหมดเข้มงวดมีอะไรบ้าง
การตั้งค่า DOCTYPE ใน XSL
สำหรับข้อมูลเพิ่มเติมในการทำความเข้าใจเชิงลึกเกี่ยวกับ doctypes ให้ลองไปที่ลิงก์เหล่านี้ ...
รายการนอกเหนือที่: แก้ไขเว็บไซต์ของคุณด้วย DOCTYPE ขวา!
รายการนอกเหนือ: Beyond DOCTYPE: มาตรฐานเว็บที่เข้ากันได้ไปข้างหน้าและ IE8
หมายเหตุ: แม้ว่าคนส่วนมากของเรา HTML / CSS ได้รับการละเลยความสำคัญของการ decleration DOCTYPE ในเอกสารของเราตั้งค่า DOCTYPE ขวาโดยปกติจะเป็นคำตอบสำหรับปัญหามากที่สุดข้ามเบราว์เซอร์










































