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的部分代码:
"<div id=/"" + this.logoid + "/" style=/"position:absolute;left:10px;top:2px;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 = /"return false;/"></div>"
改变div背景的代码:
this.setLogo = function (imgurl)
{
var css = "position:absolute;left:10px;top:2px;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;
}