第一种方法:设置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:
分享到:
相关推荐
IE6不兼容png透明背景解决方法,有效解决IE6下 透明图片浅灰背景的问题
IE6下PNG背景透明的方法IE6下PNG背景透明的方法IE6下PNG背景透明的方法IE6下PNG背景透明的方法IE6下PNG背景透明的方法
js_IE6支持png透明解决png_ie6下不透明背景图片
第一种:复制进去就能使ie6 png透明 第二种:IE6下PNG背景透明的解决办法
IE6下PNG背景透明的七种方法.web前端开发,IE6下PNG格式不兼容
IE6PNG透明背景显示灰色--解决方法(IE7.js)
今天解决png图片在IE6下的背景透明问题,找到了一个好方法。之前的解决方案会造成错位,使页面变形。现把这个方法公布如下,本人亲测可以正常使用,如果你在使用中出现问题,请看实例中的说明(英文不精的童鞋可以用...
DD_belatedPNG完美地解决了“iepngfix.htc”会出现的无法平铺,没法定位以及所加超链接的点击区域无法使用等问题!
IE6PNG透明背景显示灰色--解决方法(unitpngfix.js)
PNG在IE6下透明,在IE6,IE7,IE8下测试通过。
解决ie6的不兼容alpha透明通道,使png图片ie6显示不再一片蓝边 此处我添加了个body的png透明背景,使效果看起来更明显 放在页面中时,可将body样式去除,应用到自己所需要的兼容的图片中 测试时记得使用ie6测试
完美解决IE6下png背景、图片透明问题
实现PNG图片在IE6下的背景透明 实现PNG图片在IE6下的背景透明 实现PNG图片在IE6下的背景透明
ie6 png 透明度 解决方法 通过js调用,完美实现ie6透明度的兼容问题
IE6下PNG背景透明的方法.rarIE6下PNG背景透明的方法.rarIE6下PNG背景透明的方法.rarIE6下PNG背景透明的方法.rarIE6下PNG背景透明的方法.rarIE6下PNG背景透明的方法.rar
IE6png透明JS
PNG图片在FF下是透明,但IE6下北京会变成蓝色的,有效解决PNG图片在IE6下背景不透明的问题
png ie6下无法显示透明效果解决方法