本文和大家重點(diǎn)討論一下用Javascript實(shí)現(xiàn)IE6下PNG圖片透明的新方法！今天在Webappers上看到了一個(gè)用Javascript實(shí)現(xiàn)的做法，比目前我所知道的做法要有效的多，詳情可以參看UnitPNGFix的演示網(wǎng)頁(yè)。

用Javascript實(shí)現(xiàn)IE6下PNG圖片透明的新方法！

實(shí)現(xiàn)IE6下的PNG圖片透明的方法很多,今天在Webappers上看到了一個(gè)用Javascript實(shí)現(xiàn)的做法，比目前我所知道的做法要有效的多，詳情可以參看UnitPNGFix的演示網(wǎng)頁(yè)。

其實(shí)現(xiàn)原理很簡(jiǎn)單，如果在IE6下有用PNG圖片做背景的話就利用IE濾鏡效果來(lái)做，這個(gè)大家都知道，就不多說(shuō)了。但UnitPNGFix能夠根據(jù)你設(shè)置的背景“repeat”屬性來(lái)實(shí)現(xiàn)對(duì)應(yīng)的效果，這就厲害了！如果是直接把PNG圖片用在界面中，即用“img”標(biāo)題形式嵌入界面的話，那么UnitPNGFix就會(huì)用一張透明的GIF圖片來(lái)替換這張PNG圖片，應(yīng)該IE6是支持GIF透明的，所以大家就會(huì)看到一張空白透明的圖片。接下來(lái)發(fā)生的事大家可能都能猜到了，UnitPNGFix會(huì)把新生成的透明GIF圖片的背景設(shè)置為原PNG圖片，并對(duì)背景圖片進(jìn)行IE濾鏡處理，這樣就實(shí)現(xiàn)了在視覺(jué)上IE6下PNG圖片透明的效果了。

UnitPNGFix文件很小，包括一個(gè)未壓縮的Javascript文件還有一幅透明gif圖片，總共加起來(lái)才980字節(jié)。使用也很簡(jiǎn)單，只要在其Javascript文件中設(shè)置下透明gif圖片的地址就可以用在你的網(wǎng)頁(yè)中了。

UnitPNGFix號(hào)稱有如下特點(diǎn)：

文件體積小，不到1kb！

解決了一些IE濾鏡屬性的問(wèn)題；

可以運(yùn)用于img對(duì)象和背景屬性；

電子進(jìn)行，不需要再定義類或函數(shù)；

電子設(shè)置元素的高寬；

【編輯推薦】

1. 探究JavaScript DOM API技術(shù)的使用
2. 深入了解J2ME Polish+Eclipse配置過(guò)程
3. 探究J2ME中cookie庫(kù)的管理
4. 兩種方式實(shí)現(xiàn)加速Javascript DOM操作優(yōu)化
5. 解析Linux下如何用eclipse搭建J2ME開(kāi)發(fā)環(huán)境

當(dāng)前文章：JS實(shí)現(xiàn)IE6下PNG圖片透明又出新方法！
標(biāo)題URL：http://uogjgqi.cn/article/dphepse.html