日期:2014-05-17  浏览次数:20738 次

firefox下背景图片错乱的问题!
1.网页中有一个<div id="aa"></div> (CSS: #aa {width=100px;height:100px;background:url(aa.gif)} )
aa.gif的大小也是100*100,不过上面的50像素只有最右边有一点图案,其它的都是透明
在IE中显示正常,但在FF下,上面50像素的透明部分也变得和下面50像素的内容一样了,右边那一点点图案却没变
(很怪异的现象)

2.网页中有一个<div id="bb"><a href="aa.htm"><img src="0.gif" style="width:30px;height:30px;" /></a></div>
CSS: #bb a{background:url(bb.png)}
这里的bb.png尺寸为30*30,0.gif就是1*1的透明空图,只是腾出地方给bb.png

IE中显示正常,但在FF下,背景图片却往下偏了很多

------解决方案--------------------
1.

background:url(aa.gif) no-repeat;



2.<div id="bb"> <a href="aa.htm"> <img src="0.gif" style="width:30px;height:30px;" /> </a> </div> 

里面的<img src="0.gif" style="width:30px;height:30px;" />可以删掉哈

但同时a{background:url(bb.png) no-repeat; display:block; width:30px; height:30px;}


------解决方案--------------------
发下完整的页面静态代码看看吧
------解决方案--------------------
具体问题具体分析。我没代码就凭空理解你的表述。也只能理解到那么多了。

不好意思啊,无能为力。
------解决方案--------------------
用css设置它的宽度
width:expression(document.documentElement.clientWidth>600?"600":auto);