Saya mengalami situasi dalam proyek yang sudah lama mengganggu saya. Mengapa beberapa ikon dari gambar PNG8 yang sama hilang di IE6? Saat itu saya curiga itu masalah cache atau host. Berulang kali membuka dan menutup browser masih gagal, dan setelah dites berulang kali, akhirnya saya menemukan penyebabnya.
Masalahnya terletak pada gambar PNG8 itu sendiri. Contoh berikut mensimulasikan situasi tersebut. Saat menjelajah menggunakan IE6, Anda akan menemukan bahwa empat ikon di baris kedua tidak terlihat. Demo
Ternyata keempat ikon di bawah ini telah disesuaikan menjadi 90% "Transparansi Alpha" (FW dapat mempertahankan "Transparansi Alpha" saat mengekspor PNG8, tetapi PS tidak dapat melakukan ini).
Ikon-ikon yang tembus pandang oleh Alpha dapat dijelajahi secara normal di perangkat lunak penjelajahan umum atau browser FF, Chrome, Safari, Opera, IE7 dan di atasnya, kecuali IE6.
Sebenarnya ada cara agar IE6 mendukung "Transparansi Alpha" PNG8, caranya sama dengan filter IE PNG32. Demo
Dari hasil di atas, kami mengetahui bahwa png8 "Transparansi alfa" yang menyebabkan masalah. Dan kali ini PNG8 berbeda dengan png32 karena browser yang tidak mendukung transparansi png (seperti ie6) akan otomatis diturunkan versinya menjadi transparan penuh (seperti gif), alih-alih memiliki latar belakang abu-abu seperti png32.