懒人萱在这里保证发的文章都是高质量的经过测试的JS代码,而且IE6、IE7和火狐都兼容的,希望大家多多关注我的帖子,我会把我的经验都共享出来哦!
懒人萱在寻找PNG图片透明效果的JS特效代码的时候,发现大部分的效果只能实现在IE6下PNG图片变成透明,而当把PNG图片作为背景时,这个效果就不起作用了。接下来我要共享的JS特效代码就可以实现这个效果。
点击下载http://www.po-soft懒人萱.com/blog/xuan/145.html (去掉懒人萱就可以了)
• 第一步:拷贝“iepngfix.htc”和png格式的图片文件到你的项目中
• 第二步:通过适当的选择器,让需要在IE6透明的PNG图片或者需要背景图片透明的容器使用上“behavior: url("iepngfix.htc");”
• 第三步:如果你需要容器的背景png图片有透明效果,你还需要在页面中引入iepngfix_tilebg.js脚本(当然,如果你不要使用容器的透明png背景图片效果,也可以不引入此js文件)
当然,整个解决方案也有缺点——需要多引用1-2个文件(iepngfix.htc和iepngfix_tilebg.js文件)。我在项目中引用过这两个文件,发现打开速度慢了许多,可能也和这个项目的代码或其他软硬件有关,但去掉iepngfix_tilebg.js文件后就没多大影响,所以,如果不是必要尽量不要引用这个文件,根据自己的要求而定。