ใช้ dd_belatedpng เพื่อเปิดใช้งาน IE6 เพื่อรองรับภาพโปร่งใส PNG

อย่างที่เราทราบกันดีว่า 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 ก่อน:

จากนั้นอ้างถึงรหัสในหน้า:

 <! - [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]->