第一种方法:设置css(只适用于png做背景图片)
具有透明背景PNG图片在IE6中背景色自动填充了其他颜色,在IE7 IE8中无此问题。
此方法是兼容IE浏览器的解决方案。并且已经通过测试
使用方法如下:
第一步:将 jQuery 和 pngFix引入HTML
第二步:增加代码
</head>就完全实现在IE6中PNG背景透明了,但是如果想在图片响应事件或者链接的话,给图片外增加<a></a>就可以了,是相当的完美呀!
例子如下:
下面是将要用到的jquery:
具有透明背景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: