JavaScript实现IE6下PNG图片透明效果

　　烈火网(LieHuo.Net)教程 从事网页设计工作已经很多年了，每遇到一个难题的时候都会把大量的时间浪费在寻找JS(java script)特效代码上，所以每次懒人萱都会把每个难题的JS特效代码保存下来，方便以后再使用。现在懒人萱将这些年积累的各个JS特效代码共享出来，希望能给大家节省些时间，如果有问题也可以留言讨论。这次懒人萱要共享的JS特效代码是IE6下PNG图片透明效果的JS特效代码。

　　当时懒人萱在寻找PNG图片透明效果的JS特效代码的时候，发现大部分的效果只能实现在IE6下PNG图片变成透明，而当把PNG图片作为背景时，这个效果就不起作用了。接下来我要共享的JS特效代码就可以实现这个效果。

　　这个IE6下PNG图片透明效果的JS特效代码使用了behavior技术，代码看不懂也没有关系，我们只要会使用即可。

　　当然这个JS特效代码只是核心代码，全部的代码请点击文章底部的下载链接下载IE6下PNG图片透明效果，下面来告诉你如何使用，使用办法可以简化为以下三步：

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

　　• 第二步：通过适当的选择器，让需要在IE6透明的PNG图片或者需要背景图片透明的容器使用上“behavior: url("iepngfix.htc");”

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

　　当然，整个解决方案也有缺点——需要多引用1-2个文件(iepngfix.htc和iepngfix_tilebg.js文件)。我在项目中引用过这两个文件，发现打开速度慢了许多，可能也和这个项目的代码或其他软硬件有关，但去掉iepngfix_tilebg.js文件后就没多大影响，所以，如果不是必要尽量不要引用这个文件，根据自己的要求而定。

　　附件下载>>>

（编辑：源码网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!