首页 > 代码库 > IE6png图片不透明,等问题处理

IE6png图片不透明,等问题处理

为了在浏览器中显示更好的处理效果,一般会设置 html 元信息(meta)的http-equiv

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1.0"/>

这句代码指示浏览器按照当前最新版本显示


但这与解决IE6 png图片不透明不搭干,而只是做到了避免使用低版本浏览器,某些时候IE6可能是有些pc上的最高版本,所以说治病需要治本。


下面使用浏览器版本判断机制,在IE版本等于6的浏览器上引入 开源库 DD_belatedPNG.js(自己去百度,这里不提供哦)

<!--[if IE 6]>
<script src="http://www.mamicode.com/Public/js/DD_belatedPNG.js"></script>
<script>
  DD_belatedPNG.fix(‘img,.ie6png‘);
</script>
<![endif]-->

用法很简单,其实都是些css选择器,用逗号分开,上面知识 所有的<img>图片是透明的,带有 class中包含ie6png的标签png背景也是透明的(如<a class="alink ie6pn">test</a>,a如果有png背景图片,那么将是透明的)


IE6png图片不透明,等问题处理