背景圖片不顯示的原因主要有以下幾個方面：
1. css沒有被調用
2. css圖片地址不對
3. div的高度沒有固定，是auto、沒有設值或者高度不夠
4. div被嵌套
5. div代碼不規範
解決辦法：
- DIV高度爲自動，背景顏色無法顯示，在代碼中將原代碼height:auto; 改爲height:100%; overflow:hidden;!important；同時還可以兼容 IE6、7、8和谷歌火狐。
- 假設對一個對象設置了background背景顏色樣式，該對象內部盒子有使用float浮動屬性樣式，這個時候該對象浮動產生，導致該對象不能撐開，所以css背景顏色就不能無法顯示，解決方法有三種，一個是設置clear清除浮動、設置css高度、設置css overflow樣式。
- 高度限制造成了背景顏色不能顯示完整，假如你有個對象沒有計算好高度（或無意設置了一個很小高度屬性樣式），因爲不確定內容有多少，當內容超過你設置高度限制，這個時候超出部分背景就可能無法顯示。設置夠高的高度，或取消刪除高度樣式即可。
案例：
<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>