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

用Javascript實現(xiàn)IE6下PNG圖片透明的新方法!
實現(xiàn)IE6下的PNG圖片透明的方法很多,今天在Webappers上看到了一個用Javascript實現(xiàn)的做法,比目前我所知道的做法要有效的多,詳情可以參看UnitPNGFix的演示網(wǎng)頁。
其實現(xiàn)原理很簡單,如果在IE6下有用PNG圖片做背景的話就利用IE濾鏡效果來做,這個大家都知道,就不多說了。但UnitPNGFix能夠根據(jù)你設置的背景“repeat”屬性來實現(xiàn)對應的效果,這就厲害了!如果是直接把PNG圖片用在界面中,即用“img”標題形式嵌入界面的話,那么UnitPNGFix就會用一張透明的GIF圖片來替換這張PNG圖片,應該IE6是支持GIF透明的,所以大家就會看到一張空白透明的圖片。接下來發(fā)生的事大家可能都能猜到了,UnitPNGFix會把新生成的透明GIF圖片的背景設置為原PNG圖片,并對背景圖片進行IE濾鏡處理,這樣就實現(xiàn)了在視覺上IE6下PNG圖片透明的效果了。
UnitPNGFix文件很小,包括一個未壓縮的Javascript文件還有一幅透明gif圖片,總共加起來才980字節(jié)。使用也很簡單,只要在其Javascript文件中設置下透明gif圖片的地址就可以用在你的網(wǎng)頁中了。
UnitPNGFix號稱有如下特點:
文件體積小,不到1kb!
解決了一些IE濾鏡屬性的問題;
可以運用于img對象和背景屬性;
電子進行,不需要再定義類或函數(shù);
電子設置元素的高寬;
【編輯推薦】
- 探究JavaScript DOM API技術(shù)的使用
- 深入了解J2ME Polish+Eclipse配置過程
- 探究J2ME中cookie庫的管理
- 兩種方式實現(xiàn)加速Javascript DOM操作優(yōu)化
- 解析Linux下如何用eclipse搭建J2ME開發(fā)環(huán)境
網(wǎng)站標題:JS實現(xiàn)IE6下PNG圖片透明又出新方法!
標題鏈接:http://www.5511xx.com/article/dphepse.html


咨詢
建站咨詢
