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,

 网站地址(http://www.dillerdesign.com/experiment/DD_belatedPNG/)

<!--[if lte IE 6]>
<script src="/Public/js/DD_belatedPNG.js"></script>
<script>
  DD_belatedPNG.fix('img,.ie6png');
</script>
<![endif]-->

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


你可能感兴趣的:(IE6png图片不透明,等问题处理)