อย่างที่เราทราบกันดีว่า IE6 ไม่สนับสนุนภาพ PNG ที่โปร่งใสและภาพ PNG มีเอฟเฟกต์ที่รูปแบบกราฟิกอื่น ๆ ไม่สามารถบรรลุได้ในแง่ของการแสดงออกในการออกแบบเว็บ ข้อบกพร่องร้ายแรงของ IE6 จำกัด ประสิทธิภาพการออกแบบเว็บอย่างมาก
แม้ว่าจะมีหลายวิธีในการแก้ปัญหา PNG ที่โปร่งใสใน IE6 จากการใช้ฟิลเตอร์หรือนิพจน์เฉพาะ IE ไปจนถึงการเปลี่ยน JavaScript + GIF โปร่งใส อย่างไรก็ตามวิธีการเหล่านี้มีข้อเสียอย่างหนึ่งซึ่งก็คือพวกเขาไม่สนับสนุนคุณสมบัติพื้นหลังและคุณลักษณะการทำซ้ำพื้นหลังใน CSS การใช้ dd_belatedpng.js สามารถแก้ปัญหาความโปร่งใสของภาพ PNG ได้อย่างสมบูรณ์แบบภายใต้ IE6 และรองรับตำแหน่งพื้นหลังและพื้นหลังซ้ำ สิ่งนี้ไม่สามารถใช้ได้ในวิธีอื่น ในเวลาเดียวกัน dd_belatedpng ยังรองรับแอตทริบิวต์ A: Hover และ <Img>
เว็บไซต์ของเราได้เพิ่ม dd_belatedpng เพื่อประมวลผลการนำทาง PNG ภาพโปร่งใสเพื่อให้มีลักษณะเหมือนกันภายใต้เบราว์เซอร์ที่แตกต่างกัน
เว็บไซต์ทางการ DD_BELATEDPNG: คลิกที่นี่เพื่อเยี่ยมชม!
วิธีใช้:1. ดาวน์โหลดไฟล์ JS ก่อน:
| DD_BELATEDPNG_0.0.8A เวอร์ชันที่ไม่บีบอัด |
| dd_belatedpng_0.0.8a เวอร์ชันบีบอัด |
จากนั้นอ้างถึงรหัสในหน้า:
- <! - [ifie6]>
- <scriptType = text/javascriptsrc = ดาวน์โหลด path js> </script>
- <script>
- dd_belatedpng.fix ('ตัวเลือก CSS, ประเภทแอปพลิเคชัน');
- </script>
- <! [endif]->
ฟังก์ชั่นอ้างอิงคือ dd_belatedpng.fix () และตัวเลือก CSS (ตัวเลือก ID และตัวเลือกคลาสสามารถใช้) และประเภทแอปพลิเคชัน (แบ่งออกเป็น IMG และพื้นหลัง) ในวงเล็บ
เช่น dd_belatedpng.fix ('#box-one, img') หรือ dd_belatedpng.fix ('. ส่วนหัว, พื้นหลัง') ฯลฯ
สิ่งเหล่านี้สามารถย่อได้เป็น dd_belatedpng.fix ('#box-one, .header, img, พื้นหลัง'); -
ตัวเลือกเพิ่มเติมเช่น dd_belatedpng.fix ('#box-one, .header,#footer, .box-two a: hover, img, พื้นหลัง'); และอื่น ๆ
นอกจากนี้ในการแก้ภาพพื้นหลังการกะพริบภายใต้ IE6 คุณสามารถเพิ่มสคริปต์ต่อไปนี้ลงในหน้า:
- <! - [ifie6]>
- <scriptType = text/javascript>
- // <! [cdata [
- if ((window.navigator.appname.touppercase (). indexof (microsoft)> = 0) && (document.execommand))))))
- พยายาม{
- document.execcommand (backgroundimagecache, false, true);
- -
- จับ (e) {}
- -
- </script>
- <! [endif]->