ndfweb.cn

DIV背景圖片在Firefox下不顯示的問題


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



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网站建设淘宝店 | ICO图标在线生成 | 外贸网站建设 | 联系我们
©2007-2024 NDF Corporation 鲁ICP备08005967号 Sitemap - RSSRSS订阅