“咳! 哎!….. ”

你聽見了么? 這些都是大家抱怨IE6下不能實現png圖片漂亮的明效果的哀叫聲,的確是無奈呀…..

不過現在幸運的是,我們能夠讓這一切的抱怨都停止.

網絡上解決IE6下Png透明解決方案有很多,例如 IE PNG Fix from TwinHelix, Javascript IE PNG Fix, Transparent PNGs in Internet Explorer 6 from 24 ways. 等等.
然而現在,我要和你分享的是 Unit PNG Fix .
因為它的確是太出眾了.

1.非常小的javascript文件:1kb!
2.解決因為IE的濾鏡屬性所帶來的影響.
3.無論是img元素或background-image屬性,都能有效果.
4.在加載頁面之前就能自動運行.或者就一丁點的元素.
5.允許自動高寬.
6.使用起來超級簡單.

如何使用:

1).下載zip 然后,添加下面的代碼到你頁面的頭部.(一定要確保路徑的正確)
<!--[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圖片都實現了透明效果.的確非常簡單吧?就2個步驟,就實現了整個站點所有png的透明效果.
一些注意事項:

Unit PNG Fix能夠讓 background-repeat在ie6下工作,不過這種工作方式不 是像正常的repeat圖片重復的效果,而是采用了拉伸的效果.但是,仍然是效果 的,所以這也是非常不錯的.因為沒有任何一個解決方案能夠實現ie6下透明濾鏡重復圖片這個功能.

就這些了,現在你可以開始動手實踐了.

地址呢？其實上面已經有寫了 怕你找不到 再給個入口 Unit PNG Fix

轉載于:https://www.cnblogs.com/pomp/archive/2010/05/12/1734025.html

總結

以上是生活随笔為你收集整理的ie6 下最佳 PNG透明方案【转】的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。