189 8069 5689

JS实现IE6下PNG图片透明的方法是什么

JS实现IE6下PNG图片透明的方法是什么,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

员工经过长期磨合与沉淀,具备了协作精神,得以通过团队的力量开发出优质的产品。成都创新互联公司坚持“专注、创新、易用”的产品理念,因为“专注所以专业、创新互联网站所以易用所以简单”。公司专注于为企业提供网站设计、成都做网站、微信公众号开发、电商网站开发,小程序开发,软件定制网站设计等一站式互联网企业服务。

和大家重点讨论一下用Javascript实现IE6下PNG图片透明的新方法!今天在Webappers上看到了一个用Javascript实现的做法,比目前我所知道的做法要有效的多。

用Javascript实现IE6下PNG图片透明的新方法!

实现IE6下的PNG图片透明的方法很多,今天在Webappers上看到了一个用Javascript实现的做法,比目前我所知道的做法要有效的多,详情可以参看UnitPNGFix的演示网页。

其实现原理很简单,如果在IE6下有用PNG图片做背景的话就利用IE滤镜效果来做,这个大家都知道,就不多说了。但UnitPNGFix能够根据你设置的背景“repeat”属性来实现对应的效果,这就厉害了!如果是直接把PNG图片用在界面中,即用“img”标题形式嵌入界面的话,那么UnitPNGFix就会用一张透明的GIF图片来替换这张PNG图片,应该IE6是支持GIF透明的,所以大家就会看到一张空白透明的图片。接下来发生的事大家可能都能猜到了,UnitPNGFix会把新生成的透明GIF图片的背景设置为原PNG图片,并对背景图片进行IE滤镜处理,这样就实现了在视觉上IE6下PNG图片透明的效果了。

UnitPNGFix文件很小,包括一个未压缩的Javascript文件还有一幅透明gif图片,总共加起来才980字节。使用也很简单,只要在其Javascript文件中设置下透明gif图片的地址就可以用在你的网页中了。

UnitPNGFix号称有如下特点:

文件体积小,不到1kb!

解决了一些IE滤镜属性的问题;

可以运用于img对象和背景属性;

电子进行,不需要再定义类或函数;

电子设置元素的高宽;

关于JS实现IE6下PNG图片透明的方法是什么问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。


网站栏目:JS实现IE6下PNG图片透明的方法是什么
链接地址:http://cdxtjz.cn/article/ipijii.html

其他资讯