เดิมทีมันเป็นแค่ภาพโปร่งใส png ซึ่งแก้ไขได้ง่ายภายใต้ IE ฉันยังได้ลองใช้วิธีต่างๆ มากมาย เช่น วิธี js วิธีกรอง css เป็นต้น แต่ฉันรู้สึกว่าโดยรวมแล้วมันไม่สมบูรณ์แบบ และถ้าฉันใช้ วิธีสไปรท์ในเวลาเดียวกัน มันไม่ง่ายและสะดวกขนาดนั้น
ในที่สุด ฉันพบว่าการใช้วิธี htc เพื่อฝังลงในไฟล์ css โดยพื้นฐานแล้วสามารถแก้ปัญหาความโปร่งใสส่วนใหญ่ได้ในคราวเดียว
มีคนจำนวนมากใช้วิธีนี้ แต่เนื่องจากหน้าเว็บนี้เป็นภาษาอังกฤษ จึงมีคนแปลน้อยคน และจะใช้น้อยคน
วิธีการนี้มีรายละเอียดด้านล่าง:
ที่อยู่สาธิตของวิธีนี้: http://www.twinhelix.com/css/iepngfix/demo/
(อย่างที่ผมบอกไปมันเป็นภาษาอังกฤษทั้งหมดครับ ไม่ต้องกังวล)
สามารถแก้ไขได้โดย:
1. ใช้แท็ก "img" เพื่อเพิ่มรูปภาพโปร่งใส PNG ให้กับเพจ
2. ใช้พื้นหลังเพื่อเพิ่มพื้นหลังโปร่งใส PNG ใน CSS (รองรับหลายเวอร์ชัน)
3. png พื้นหลังบางเวอร์ชันมีความโปร่งใส และจำเป็นต้องแก้ไขโดยการเพิ่ม js ลงในหน้าปัจจุบัน
ดาวน์โหลดไฟล์แพ็คเกจ: http://www.twinhelix.com/css/iepngfix/iepngfix.zip
1. หลังจากดาวน์โหลดและแตกไฟล์แล้วจะมีไฟล์จำนวนมาก โดยในจำนวนนี้มี 3 ไฟล์ที่เราต้องใช้:
iepngfix.htc, blank.gif, iepngfix_tilebg.js
2. คุณสามารถถ่ายโอนไปยังไดเร็กทอรี css, js และรูปภาพตามลำดับได้ แน่นอนว่าคุณสามารถสร้างโฟลเดอร์ใหม่ได้ เช่น โฟลเดอร์ชื่อ: iepng และถ่ายโอนไปยังโฟลเดอร์นั้น
3. เพิ่มประโยคแรกของโค้ด นี่คือรูปแบบที่เพิ่มในไฟล์ html อย่าลืมแก้ไขเส้นทางของไฟล์ htc หากคุณกลัวข้อผิดพลาด ให้ใช้เส้นทางที่สัมพันธ์กับไดเร็กทอรีรากโดยตรง เป็น /iepng/iepngfix.htc โดยทั่วไปสิ่งนี้จะไม่ทำงาน ข้อผิดพลาดแน่นอนคุณสามารถเพิ่มพฤติกรรม: url (iepngfix.htc) ลงในไฟล์ reset.css ของคุณ
| <style type="text/css"> img, div { พฤติกรรม: url (iepngfix.htc); </สไตล์> |
4. ใช้ Notepad หรือเครื่องมือที่คล้ายกันเพื่อเปิดไฟล์ iepngfix.htc และแทนที่เส้นทางไฟล์ของ BlankImg ด้วยเส้นทางของคุณเอง เช่น /iepng/blank.gif ตามสถานการณ์จริงของคุณ
| IEPNGFix.blankImg = '/images/blank.gif'; |
5. เพิ่มโค้ดเรียก js ต่อไปนี้ไปที่ "head" ของเพจที่ต้องการ (ขั้นตอนนี้ไม่จำเป็น หากการรวมของคุณในส่วนหัวของคุณเรียกว่าเหมือนกัน แนะนำให้เพิ่มประโยคนี้)
| <script type="text/javascript" src="iepngfix_tilebg.js"></script> |
หลังจากขั้นตอนข้างต้น คุณสามารถบรรลุเอฟเฟกต์โปร่งใสของ PNG ภายใต้ IE ได้