武林網(wǎng)(www.companysz.com)文章簡介：在項目中遇到一情況讓困擾了半天，同一張PNG8圖片為何部份圖標(biāo)在IE6中消失呢？當(dāng)時一度懷疑是cache或hosts問題反反復(fù)復(fù)開關(guān)瀏覽器結(jié)果依然無效，連番測試終于找到了原因。

在項目中遇到一情況讓困擾了半天，同一張PNG8圖片為何部份圖標(biāo)在IE6中消失呢？當(dāng)時一度懷疑是cache或hosts問題反反復(fù)復(fù)開關(guān)瀏覽器結(jié)果依然無效，連番測試終于找到了原因。

問題在于PNG8圖片本身，以下l例子模擬了當(dāng)時情況，當(dāng)使用IE6來瀏覽的會發(fā)現(xiàn)第二行的4個圖標(biāo)隱形了。Demo

原來下面的4個圖標(biāo)被調(diào)了90%的”Alpha透明度”（FW在導(dǎo)出PNG8的時能保留“Alpha透明度”PS則做不了這一點）。

而被Alpha半透明的圖標(biāo)在一般瀏覽軟件或FF、Chrome、Safari、Opera、IE7以上瀏覽器都可以正常瀏覽，唯獨是IE6。

其實也有辦法讓IE6支持PNG8的”Alpha透明度”，方法與PNG32的IE濾鏡一樣。Demo

從來上面結(jié)果得知原來是 png8“Alpha透明度”闖的禍。而且這次PNG8不同于png32的是，不支持png半透明的瀏覽器(如ie6)會自動降級到全透明(像gif那樣)，而不是像png32那樣會有一個灰色的背景。