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

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:

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

相关推荐