เนื่องจากฉันรู้เทคโนโลยีการผลิตเว็บเพจบางอย่างฉันได้ยินมานานแล้วว่าไฟล์ PNG โปร่งแสงจะมีปัญหาในการแสดงภายใต้ IE6 แต่เนื่องจากฉันไม่เคยพบพวกเขาเลยฉันไม่เคยพบพวกเขาเลย
ฉันเริ่มสร้างเว็บไซต์ของตัวเองเมื่อต้นปีนี้ ฉันใช้รูปภาพ PNG ที่มีส่วนที่โปร่งใสเพื่อสร้างโลโก้เว็บไซต์ วันหนึ่งเมื่อฉันกลับมาจากการออกจากงานและเปิดแบ็กเอนด์ Google Analytics ฉันพบว่าการเข้าชมของ IE6 คิดเป็น 40% ของทั้งหมด เว็บไซต์
ดังนั้นฉันจึงค้นหาวิธีแก้ปัญหาในชั่วข้ามคืน แต่ฉันมักจะรู้สึกว่ามันไม่สวยงามพอในที่สุดหลังจากการค้นหาคืนหนึ่งฉันพบวิธีแก้ปัญหาที่สามารถแก้ไขได้อย่างราบรื่นด้วยรหัส JS เพียง 2 ประโยค ถัดไปแบ่งปันกับคุณ
ก่อนอื่นให้ดาวน์โหลด iepng.js จากเว็บไซต์ของฉัน
http: // www
หากเว็บไซต์ของคุณใช้ PNG โปร่งแสงเป็น ID องค์ประกอบพื้นหลังเป็นโลโก้ให้เพิ่มระหว่าง <head> </head>::
| <!-สำหรับการแก้ไข ie6 png-> <script type = "text/javascript" src = "templates/js/iepng.js"> </script> <script type = text/javascript> evpng.fix ('#logo'); </script> |
สุดท้ายให้ฉันอธิบายว่าถ้าคุณใช้ PNG โปร่งใสเป็นพื้นหลัง div id เป็น foo มันควรจะเขียนเป็น:
| evpng.fix ('#foo'); |
หากคุณใช้ PNG ที่โปร่งใสเป็นคลาส Div Div เป็นบาร์คุณควรเขียนเป็น:
| evpng.fix ('. bar "); |
ไวยากรณ์เหมือนกับ CSS ตกลงฉันหวังว่าจะแลกเปลี่ยนทักษะการสร้างเว็บไซต์กับคุณต่อไป