แม้ว่าฉันอยากให้ IE6 ตายเร็วๆ นี้ แต่ความคิดริเริ่มส่วนตัวของฉันก็จำกัดเกินไป สิ่งเดียวที่เราทำได้คือใช้วิธีการบางอย่างเพื่อบรรเทาความเจ็บปวดที่เกิดจาก IE6
1. ใช้ประเภทเอกสาร ลองใช้ประเภทเอกสารที่เข้มงวดที่สุดเพื่อให้แน่ใจว่าเพจของคุณทำงานในโหมดมาตรฐาน แม้ว่าจะใช้แท็กเหล่านี้ คุณอาจไม่สามารถใช้แท็กได้มากมาย เช่น b, s, แบบอักษร ฯลฯ แต่ทั้งหมดสามารถแทนที่ได้ด้วย CSS
1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2." http://www.w3.org/TR/html4/strict.dtd ">
หรือ <!doctype html"> ที่ง่ายที่สุด ซึ่งเป็นประเภทเอกสารเดียวที่ HTML5 รู้จัก และเบราว์เซอร์จะแปลงเป็นเอกสารด้านบนโดยอัตโนมัติ อย่าใช้การประกาศเอกสาร xhtml เดิมทีต้องการทำให้ html เป็นผลิตภัณฑ์เฉพาะกาล แต่ อย่างที่ทุกคนรู้ดีว่าฉันเป็นแค่ผู้เยี่ยมชมที่ผ่านไปมา และเมื่อใช้มัน nodeName ขององค์ประกอบนั้นอาจคำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ ซึ่งเป็นเรื่องที่ยุ่งยากมาก
2. ใช้ตำแหน่ง: ญาติ
ในเลย์เอาต์ ให้พิจารณาเลย์เอาต์ที่มีตำแหน่งก่อนเสมอ แล้วตามด้วยเลย์เอาต์แบบลอย โมเดลลอยตัวของ IE นั้นบ้าไปแล้ว
3. ใช้จอแสดงผล:อินไลน์
หากคุณต้องใช้ float ให้ปฏิบัติตามด้วย display:inline เนื่องจากมีข้อผิดพลาดเกิดขึ้นได้ง่ายใน IE6 มันจะปรากฏตราบใดที่ค่าทศนิยมและค่ามาร์จิ้นในทิศทางเดียวกับค่าทศนิยมที่ถูกตั้งค่าสำหรับองค์ประกอบคอนเทนเนอร์บล็อก ตัวอย่างเช่น หากเราตั้งค่า float:left และ margin-left:100px สำหรับองค์ประกอบ div องค์ประกอบนั้นจะกลายเป็น margin-left:200px ใน IE6
4. กรุณาอย่าใช้โหนดความคิดเห็น มีสองสิ่งที่น่ารังเกียจที่เกี่ยวข้องที่นี่ หนึ่งคือข้อผิดพลาดของตัวละครที่ซ้ำซ้อน คุณสามารถอ้างถึงบทความนี้ "Phantom of the Opera Bug" โดย Yang Zhengyi (Ah Yi) ของบล็อกนี้ อย่างที่สองคือจุดบกพร่องใน API การค้นหาทั้งหมดของ IE document.all, document.getElementsByTagName และ document.querySelectorAll อาจส่งคืนโหนดความคิดเห็นทั้งหมด
5. สำหรับเอฟเฟกต์โฮเวอร์ อย่าลืมใช้องค์ประกอบที่มีแอตทริบิวต์ href เพื่อซ้อนองค์ประกอบนั้นใน IE: โฮเวอร์จะมีผลกับแท็กเท่านั้น และแท็กจะต้องมีการตั้งค่าแอตทริบิวต์ href ไว้อย่างชัดเจน
6. อย่าใช้เปอร์เซ็นต์ในการตั้งค่าสไตล์
IE มีปัญหาในการคำนวณเปอร์เซ็นต์
7. ให้องค์ประกอบได้รับ hasLayout
สำหรับรายละเอียด โปรดไปที่ Google Baidu สำหรับการศึกษาเชิงวิชาการที่ยอดเยี่ยมเรื่อง "การมีเลย์เอาต์" เราสามารถใช้ el.currentStyle.hasLayout เพื่อตรวจสอบว่าได้รับเลย์เอาต์หรือไม่ วิธีการสากลในการรับเลย์เอาต์คือการซูม: 1
8. ปฏิบัติตามกฎการซ้อนของ (x)html อย่างเคร่งครัด กฎการซ้อนถูกกำหนดไว้ในประเภทเอกสาร และเอกสารจะถูกแยกวิเคราะห์ตามนั้น แม้ว่าเบราว์เซอร์ปัจจุบันจะสะดุดตามาก เพื่อป้องกันไม่ให้เข้าถึงได้ บ้าไปแล้ว ระวังไว้ดีกว่า นอกจากนี้แม้ว่าองค์ประกอบบางอย่างจะถูกปิดโดยอัตโนมัติ แต่เราก็ควรปิดองค์ประกอบเหล่านั้นด้วยตัวเราเอง การพัฒนานิสัยที่ดีเป็นสิ่งสำคัญมาก
9. พัฒนาทักษะ JavaScript ของคุณ
IE6 ไม่รองรับหลายสิ่งหรือรองรับได้ไม่ดีนัก แต่เราสามารถใช้ JavaScript เพื่อจำลองเกือบทั้งหมดได้ เช่น คลาสหลอกความสัมพันธ์ต่างๆ คลาสหลอกกรององค์ประกอบย่อย คลาสหลอกแอตทริบิวต์ คลาสหลอกเป้าหมาย , ความกว้างต่ำสุดและความกว้างสูงสุด, ปัญหาความโปร่งใส PNG...
10. มาที่บล็อกของฉันบ่อยขึ้นและพยายามคิดเลขทศนิยมเพื่อความโชคดี หากฉันพบสิ่งดีหรือข้อบกพร่อง ฉันจะรายงานให้คุณทราบโดยเร็วที่สุด~~~^_^