div背景圖片或顏色不顯示的解決辦法

背景圖片不顯示的原因： 
1. css沒有被調用 
2. css圖片地址不對 
3. div的高度沒有固定，是auto、沒有設值或者高度不夠 
4. div被嵌套 
5. div代碼不規范

解決辦法： 
(1)DIV高度為自動，背景顏色無法顯示，在代碼中將原代碼height:auto; 改為height:100%; overflow:hidden;!important；同時還可以兼容 IE6、7、8和谷歌火狐。 
(2)假設對一個對象設置了background背景顏色樣式，該對象內部盒子有使用float浮動屬性樣式，這個時候該對象浮動產生，導致該對象不能撐開，所以css背景顏色就不能無法顯示，解決方法有三種，一個是設置clear清除浮動、設置css高度、設置css overflow樣式。 
(3)高度限制造成了背景顏色不能顯示完整，假如你有個對象沒有計算好高度（或無意設置了一個很小高度屬性樣式），因為不確定內容有多少，當內容超過你設置高度限制，這個時候超出部分背景就可能無法顯示。設置夠高的高度，或取消刪除高度樣式即可。

案例：

<div style="width:960px;background-color:#000000">
    <div  style="width:300px; height:200px; float:left">左側</div>
    <div  style="width:300px; height:200px; float:left">中部</div>
    <div  style="width:360px; height:200px; float:left">右側</div>
</div>

因為外層的div沒有設置高度，所以設置如上代碼之后，看到的是三個透明的方框， 
正確代碼如下：

<div style="width:960px; height:200px;background-color:#000000">
    <div  style="width:300px; height:200px; float:left">左側</div>
    <div  style="width:300px; height:200px; float:left">中部</div>
    <div  style="width:360px; height:200px; float:left">右側</div>
</div>