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

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;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 = /"return false;/"></div>"

改变div背景的代码：

this.setLogo = function (imgurl)
{
   var css = "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;
}

转载于:https://www.cnblogs.com/ajuanabc/archive/2008/10/26/2463546.html