日照市东港区创新电子技术中心
ndfweb.cn

DIV背景图片在Firefox下不显示的问题


2012-04-17 22:57:11 (6353)


1.在样式表中对body,html,及有背景图片的CSS少了对高的定义
2.在Firefox中背景图片不显示的另一原因放入背景图的层要和主层一起浮动。
3.不显示图片的另一问题,HTML中注释不能相连!不能有结束语和下一句的开始语相近的。在IE6还会错位(有时间再好好试试)
4.设置html,body中高度为auto,背景图按高度正常显示
5.背景图片不能在IE6显示,但火狐不显示的另一原因是给 设背景图片的CSS定义了图片为固定样式( background-attachment: fixed;去掉CSS中这个样式)。

6.Firefox下不能显示背景色的解决办法。

布局如下:
<div id="wrapper">
<div id="header">
</div>
<div id="left">
</div>
<div id="right">
</div>
<div id="footer">
</div>
</div>

<div id="wrapper">的设了背景色。但因为left和right边栏都设为了浮动(float),所以在Firefox就不显示背景色。
解决方法是把wrapper设为如下:

#wrapper

{
overflow: auto; //或overflow: hidden;
}

在火狐中背景色不显示时的另一种调试方法:

代码如下时:
#conLeft { float:left; width:366px; display:block; background-color:#0F0;}
#conCen { float:left; width:366px; display:block; background-color:#00F;}
#conRight { float:left; width:268px; display:block; background-color:#000;}

 

另一法:或给样式表定义高度: #conLeft { float:left; width:366px; height:80px; display:block; background-color:#0F0;}
#conCen { float:left; width:366px; height:50px; display:block; background-color:#00F;}
#conRight { float:left; width:268px; height:30px; display:block; background-color:#000;}

 

了解更多请访问:http://www.ndfweb.cn/news-574.html
  NDF俱乐部
  国际域名注册
  建站咨询
合作伙伴:万网 | 新网 | 新网互联 NDF网站建设淘宝店 | 实用工具 | 外貿網站建設 | 联系我们
鲁公网安备 37110202000336号 Sitemap - RSSRSS订阅