|
IE6中隱形的PNG8圖片
在項(xiàng)目中遇到一情況讓困擾了半天，同一張PNG8圖片為何部份圖標(biāo)在IE6中消失呢？當(dāng)時(shí)一度懷疑是cache或hosts問(wèn)題反反復(fù)復(fù)開(kāi)關(guān)瀏覽器結(jié)果依然無(wú)效，連番測(cè)試終于找到了原因。
問(wèn)題在于PNG8圖片本身，以下l例子模擬了當(dāng)時(shí)情況，當(dāng)使用IE6來(lái)瀏覽的會(huì)發(fā)現(xiàn)第二行的4個(gè)圖標(biāo)隱形了。Demo
原來(lái)下面的4個(gè)圖標(biāo)被調(diào)了90%的”Alpha透明度”（FW在導(dǎo)出PNG8的時(shí)能保留“Alpha透明度”P(pán)S則做不了這一點(diǎn)）。
而被Alpha半透明的圖標(biāo)在一般瀏覽軟件或FF、Chrome、Safari、Opera、IE7以上瀏覽器都可以正常瀏覽，唯獨(dú)是IE6。
其實(shí)也有辦法讓IE6支持PNG8的”Alpha透明度”，方法與PNG32的IE濾鏡一樣。Demo
從來(lái)上面結(jié)果得知原來(lái)是 png8“Alpha透明度”闖的禍。而且這次PNG8不同于png32的是，不支持png半透明的瀏覽器(如ie6)會(huì)自動(dòng)降級(jí)到全透明(像gif那樣)，而不是像png32那樣會(huì)有一個(gè)灰色的背景。
原文：http://blog.gulu77.com/?p=619
本文鏈接：http://www.95time.cn/tech/web/2009/7234.asp 
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
