Fork me on GitHub

解决IE6下png图片不透明

ie6着实是非常让人讨厌,显示一张图片,也要带着灰白色的背景色,一张好好的png图片就这么不透明了。

用n多中网上的方式,差点成功的就还有这个了

 

_background: none;
_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your.png',sizingMethod="crop");

 

只可惜我这张图片是五个小图标合成的,不能光光显示一张图片出来,所以以失败告终。

好吧,咱再接再厉。果不其然,有好方法啊。

 

先去这儿来下载DD_belatedPNG.js文件。

找到你需要添加的元素名称,可以是id或者class名称,例如添加到元素class=“.pic”或者id="#pic",pic有background为png图片的属性。就可以在需要的地方(如head)加入内容如下:

<!--[if IE 6]>
<script type="text/javascript" src="http://axiu.me/wp-content/themes/Summ/js/DD_belatedPNG.js" ></script>
 
<script type="text/javascript">
DD_belatedPNG.fix('.pic');
</script>
<![endif]-->

最后,在ie6下刷新就ok了~,真好

 

posted on 2013-11-14 13:31  雨为我停  阅读(198)  评论(0编辑  收藏  举报