IE6PNG透明解决办法(1)-js
png 图片在IE6下的背景透明问题
共分为两种
1.是图片是背景的问题(background:)
2.图片是前景的问题(img)
先从背景开始吧:
背景我记得 我在原来用的时候是好用的,最近用不好用了,不知道是为啥,打开原来做的页面背景还是透明的,挺纳闷的,哈哈
.xf_shipin_xia{background:url(../images/xinfang/xf_shipin_xia.png) !important;background: none; width:360px; height:70px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/xinfang/xf_shipin_xia.png' ,sizingMethod='crop');}
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/xinfang/xf_shipin_xia.png' ,sizingMethod='crop');}
主要的就是这样的
接下来是前景的,前景的经过多次的实验确实是好用的
css如下:
.png24 {
tmp:expression(setPng24(this));
}
tmp:expression(setPng24(this));
}
还有就是js:
<script>
function setPng24(obj) {
obj.width=obj.height=1;
obj.className=obj.className.replace(/\bpng24\b/i,'');
obj.style.filter =
"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src
+"',sizingMethod='image');"
obj.src='';
return '';
}
</script>
function setPng24(obj) {
obj.width=obj.height=1;
obj.className=obj.className.replace(/\bpng24\b/i,'');
obj.style.filter =
"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ obj.src
+"',sizingMethod='image');"
obj.src='';
return '';
}
</script>
html:的写法
<img class="png24" src="abc123.png" width="169" height="43" border="0">
一定要调用png24的那个css
有很多人在网上找png背景透明的,和大家分享一下
还有一种纯的js解决方法,地址:http://www.cnblogs.com/zhengenru2008/archive/2013/03/08/2949528.html