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

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

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

这句代码指示浏览器按照当前最新浏览器版本渲染(注意,是切换版本,而不是切换浏览器)css

但这与解决IE6 png图片不透明不搭干,而只是作到了避免使用低版本浏览器,某些时候IE6多是有些pc上的最高版本,因此说治病须要治本。html

下面使用浏览器版本判断机制,在IE版本等于6的浏览器上引入 开源库 DD_belatedPNG.js,chrome

 网站地址(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背景图片,那么将是透明的)网站

相关文章
相关标签/搜索