网站开发与移动开发

博客园 首页 新随笔 管理
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;
}
posted on 2008-10-26 23:32  txf2004  阅读(120)  评论(0编辑  收藏  举报