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