码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-10-28 02:16:52      阅读:188      评论:0      收藏:0      [点我收藏+]

标签:style   http   ar   使用   sp   on   问题   代码   html   

为了在浏览器中显示更好的处理效果,一般会设置 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="/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图片不透明,等问题处理

标签:style   http   ar   使用   sp   on   问题   代码   html   

原文地址:http://my.oschina.net/u/2256215/blog/337952

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!