当前位置: 代码迷 >> Web前端 >> png在IE6上透明背景解决方法(两种方法,经验总结)
  详细解决方案

png在IE6上透明背景解决方法(两种方法,经验总结)

热度:388   发布时间:2012-10-25 10:58:57.0
png在IE6下透明背景解决办法(两种方法,经验总结)
第一种方法:设置css(只适用于png做背景图片)
具有透明背景PNG图片在IE6中背景色自动填充了其他颜色,在IE7 IE8中无此问题。
此方法是兼容IE浏览器的解决方案。并且已经通过测试
div class="bg">这里是你要放入PNG图片的地方</div>
.bg{
 height:288px;
 width:512px;//宽度必须设置
 filter: progid:dximagetransform.microsoft.alphaimageloader(enabled=true, sizingmethod=scale, src="title.png" );
 background-repeat: repeat; 
}
2
第二种方法:利用现成jquery
使用方法如下:
第一步:将 jQuery 和 pngFix引入HTML
<head> 
... 
<script type="text/javascript" src="jquery.pngFix.pack.js"></script> 
<script type="text/javascript" src="jquery.pngFix.js"></script> 
... </head>

第二步:增加代码
<head> 
... 
<script type="text/javascript"> 
    $(document).ready(function(){ 
        $(document).pngFix(); 
    }); 
</script> 
...
</head>就完全实现在IE6中PNG背景透明了,但是如果想在图片响应事件或者链接的话,给图片外增加<a></a>就可以了,是相当的完美呀!
例子如下:
<a href="#" onclick="alert('click');return false;"> 
    <img src="pngtest.png" width="173" height="173" 
        style="border:1.0em dashed #090;padding:10px;margin:10px;" 
        title="This is the title-Text" alt="This is the alt-Text" /> 
</a> 
都是自己整理和大家分享的,看完别忘留言呀!以后有经验继续分享之...[size=large][/size]
下面是将要用到的jquery:
  相关解决方案