รูปภาพ PNG8 ที่มองไม่เห็นใน IE6

ฉันพบสถานการณ์ในโครงการที่ทำให้ฉันลำบากใจมาเป็นเวลานาน เหตุใดไอคอนรูปภาพ PNG8 เดียวกันจึงหายไปใน IE6 ตอนนั้นฉันสงสัยว่าเป็นปัญหาแคชหรือโฮสต์ การเปิดและปิดเบราว์เซอร์ซ้ำแล้วซ้ำเล่ายังคงล้มเหลว และหลังจากการทดสอบซ้ำแล้วซ้ำเล่า ในที่สุดฉันก็พบสาเหตุ

ปัญหาอยู่ที่อิมเมจ PNG8 ตัวอย่างต่อไปนี้จำลองสถานการณ์เมื่อเรียกดูโดยใช้ IE6 คุณจะพบว่าไอคอนทั้งสี่ในแถวที่สองไม่ปรากฏ สาธิต

ปรากฎว่าไอคอนทั้งสี่ด้านล่างได้รับการปรับเป็น "ความโปร่งใสของอัลฟ่า" 90% (FW สามารถคง "ความโปร่งใสของอัลฟ่า" ได้เมื่อส่งออก PNG8 แต่ PS ไม่สามารถทำได้)

ไอคอนที่โปร่งแสงโดย Alpha สามารถเรียกดูได้ตามปกติในซอฟต์แวร์เรียกดูทั่วไปหรือ FF, Chrome, Safari, Opera, IE7 และเบราว์เซอร์ที่สูงกว่า ยกเว้น IE6

ในความเป็นจริง มีวิธีทำให้ IE6 รองรับ "ความโปร่งใสอัลฟ่า" ของ PNG8 ซึ่งวิธีนี้เหมือนกับตัวกรอง PNG32 IE สาธิต

จากผลลัพธ์ข้างต้น เราได้เรียนรู้ว่า PNG8 "ความโปร่งใสอัลฟ่า" ที่ทำให้เกิดปัญหา และครั้งนี้ PNG8 แตกต่างจาก png32 ในเบราว์เซอร์ที่ไม่รองรับความโปร่งแสงของ png (เช่น ie6) จะดาวน์เกรดโดยอัตโนมัติให้มีความโปร่งใสทั้งหมด (เช่น gif) แทนที่จะมีพื้นหลังสีเทาเช่น png32