png图片在ie不透明的解决方案

本文介绍了一种在不同浏览器中实现背景图片兼容显示的方法,包括使用特定语法确保Firefox和其他浏览器正确显示背景图片,以及通过JavaScript动态更改背景图片。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

background:url("png图片地址")no-repeat!important;background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="png图片地址",sizingmethod=scale);

需要注意的地方是火狐下必须用background不能用background-image,分号是在!important后面,不是在no-repeat后面。

用js动态改变背景图的化无法用设置backgroundImage的方式来设置了,最简单的方法就是设置整个cssText,动态改变图片url地址就可以了,下面给出一个实例:

生成div的部分代码:

"<divid=\""+this.logoid+"\"style=\"position:absolute;left:10px;top:2px;width:18px;height:18px;background:url("+this.logo+")no-repeat!important;background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+this.logo+",sizingmethod=scale);-moz-user-select:none;\"onselectstart=\"returnfalse;\"></div>"

改变div背景的代码:

this.setLogo=function(imgurl)
{
varcss="position:absolute;left:10px;top:2px;width:18px;height:18px;background:url("
+imgurl+")no-repeat!important;background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="
+imgurl+",sizingmethod=scale);-moz-user-select:none;";
$(this.logoid).style.cssText=css;
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值