











最近在网上搜了一些解决IE6浏览器下PNG图片前景背景不透明的办法,目前解决办法分为两种:
1、利用js插件使用微软的VML语言进行绘制,方法简便,直接在<head>下引用如下代码即可
<!--[if lt IE 7]>
<script src="DD_belatedPNG_0.0.8a.js"></script>
<script>
DD_belatedPNG.fix('*');
</script>
<![endif]-->
最新js插件下载地址(压缩包里也有):http://www.dillerdesign.com/experiment/DD_belatedPNG/
提醒:注意版本号和引用路径。
2、利用IE的滤镜filter和JS解决,借鉴了网上一些代码加上自己的想法,做了一个JS文件直接引用即可:
<script type="text/javascript" src="ie6png.js"></script>
---------------------------------------------------------------------------------------------
比较一下压缩包里两个文件:png透明测试.html(第1种方法)和png透明测试2.html(第2种方法)
你会发现ie6下第1种方法在背景和前景层叠实现时有些和主流浏览器不一样,比如:firefox、IE8、Opera
前景透明和点击事件在实际项目中可能会产生BUG。
第2种方法看起来什么异常都没有,但如果你把img2的高宽放大后会发现IE6下被裁切了超出背景高宽的部分
这个问题以上两种方法都还没有能够解决,如果您能找到解决办法,希望您能留言交流。
---------------------------------------------------------------------------------------------
此内容由惯性聚合(RSS阅读器)自动聚合整理,仅供阅读参考。 原文来自 — 版权归原作者所有。