JavaScript實現(xiàn)IE6下PNG圖片透明效果

　　網(wǎng)(LieHuo.Net)教程 從事網(wǎng)頁設(shè)計工作已經(jīng)很多年了，每遇到一個難題的時候都會把大量的時間浪費在尋找JS(java script)特效代碼上，所以每次懶人萱都會把每個難題的JS特效代碼保存下來，方便以后再使用。現(xiàn)在懶人萱將這些年積累的各個JS特效代碼共享出來，希望能給大家節(jié)省些時間，如果有問題也可以留言討論。這次懶人萱要共享的JS特效代碼是IE6下PNG圖片透明效果的JS特效代碼。

　　當時懶人萱在尋找PNG圖片透明效果的JS特效代碼的時候，發(fā)現(xiàn)大部分的效果只能實現(xiàn)在IE6下PNG圖片變成透明，而當把PNG圖片作為背景時，這個效果就不起作用了。接下來我要共享的JS特效代碼就可以實現(xiàn)這個效果。

　　這個IE6下PNG圖片透明效果的JS特效代碼使用了behavior技術(shù)，代碼看不懂也沒有關(guān)系，我們只要會使用即可。

　　當然這個JS特效代碼只是核心代碼，全部的代碼請點擊文章底部的下載鏈接下載IE6下PNG圖片透明效果，下面來告訴你如何使用，使用辦法可以簡化為以下三步：

　　• 第一步：拷貝“iepngfix.htc”和“blank.gif”文件到你的項目中

　　• 第二步：通過適當?shù)倪x擇器，讓需要在IE6透明的PNG圖片或者需要背景圖片透明的容器使用上“behavior: url("iepngfix.htc");”

　　• 第三步：如果你需要容器的背景png圖片有透明效果，你還需要在頁面中引入iepngfix_tilebg.js腳本(當然，如果你不要使用容器的透明png背景圖片效果，也可以不引入此js文件)

　　當然，整個解決方案也有缺點——需要多引用1-2個文件(iepngfix.htc和iepngfix_tilebg.js文件)。我在項目中引用過這兩個文件，發(fā)現(xiàn)打開速度慢了許多，可能也和這個項目的代碼或其他軟硬件有關(guān)，但去掉iepngfix_tilebg.js文件后就沒多大影響，所以，如果不是必要盡量不要引用這個文件，根據(jù)自己的要求而定。

　　附件下載>>>

生活不易，碼農(nóng)辛苦
如果您覺得本網(wǎng)站對您的學(xué)習(xí)有所幫助,可以手機掃描二維碼進行捐贈