为了在浏览器中显示更好的处理效果,通常会设置 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背景图片,那么将是透明的)网站