紅軟基地 推薦
2012-03-10
大家抱怨IE6下不能實現(xiàn)png圖片漂亮的明效果的哀叫聲，的確是非常無奈.....
不過現(xiàn)在很幸運的是，我們能夠讓這一切的抱怨都停止。
我要和你分享的是 Unit PNG Fix
因為它的確是太出眾了
1.非常小的javascript文件:1kb!
2.解決因為IE的濾鏡屬性所帶來的影響.
3.無論是img元素或background-image屬性，都能有效果.
4.在加載頁面之前就能自動運行.或者就一丁點的元素.
5.允許自動高寬.
6.使用起來超級簡單.
如何使用:
1).下載壓縮包（http://35016.cn/soft/jpym/wydm/14020.html），然后，添加下面的代碼到你頁面的頭部.(一定要確保路徑的正確)
<!--[if lt IE 7]>
<script type="text/javascript" src="unitpngfix.js"></script>
<![endif]-->
2).添加clear.gif到你的images 文件夾中.在js文件中，修改"var clear="images/clear.gif" 路徑，為你存放clear.gif的文件路徑.
3). 你的整個項目的png圖片都實現(xiàn)了透明效果.的確非常簡單吧?就2個步驟，就實現(xiàn)了整個站點所有png的透明效果.
一些注意事項:
Unit PNG Fix能夠讓 background-repeat在ie6下工作，
不過這種工作方式不是像正常的repeat圖片重復的效果，而是采用了拉伸的效果.
但是，仍然是有效果的，所以這也是非常不錯的.因為沒有任何一個解決方案能夠實現(xiàn)ie6下透明濾鏡重復圖片這個功能.
就這些了，現(xiàn)在你可以開始動手實踐了。
來源：紅訊頻道