當前位置:首頁 » 眼觀萬物 » div為什麼顯示不出顏色

div為什麼顯示不出顏色

發布時間: 2024-01-10 11:02:14

A. css設置背景顏色了,為啥沒出來,在設計里有,在網頁中就沒有求解

部分情況下不排除代碼不規范造成的IE瀏覽器不兼容問題,你可以使用下谷歌瀏覽器、火狐瀏覽器進行下對比,另外也可能有布局不合理的情況,可以參考下下面的情況:

背景顏色不顯示的原因主要有以下幾個方面:

1. css沒有被調用

2. div的高度沒有固定,是auto、沒有設值或者高度不夠

3. div被嵌段野野套

4. div代碼不規范

解決辦法:

- DIV高度為自動,背景顏色無法顯示,在代碼中將原代碼height:auto; 改為height:100%; overflow:hidden;!important;同時還可以兼容 IE6、7、8和谷歌火狐。

- 假設對一個對象設置了background背景顏色樣式,該對象內部盒子有使用float浮動屬性樣式,這個時候該對象浮動產生,導致該對象不能撐開,所以css背景顏色就不能無法顯示,解決方法有三種握喊,一個是設置clear清除浮動、設置css高度、設置css overflow樣式。

- 高度限製造成了背景顏色不能顯示完整,假如你有個對象沒有計算好高度(或無意設置了一個很小高度屬性樣式),因為不確定內容有多少,當內容超過你設置高度限制,這個時候超出部分背景就可能無法顯示。設置夠高的高度,或取消刪除高度樣式即可。

案例:

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

因為外層的div沒有設置高度,所以設置如上代碼之後,看到的是三個透明的方框,

正確代碼如下:


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

B. html div 背景顏色無顯示

乍一看:從你的代碼中看確實沒有啥問題,啟和那我覺得你把這個html文件通過瀏覽器重新打開一下,看看是不是打開錯了文件呢。而且這種行內樣式級別很高,也不存在被其他樣式覆蓋。
其實:你這個錯誤也是很多人喜歡犯錯誤的地方,就是細節沒注意到,比如單詞寫錯了,標簽沒有寫結束標簽指旁仿等等。

你把背景的單詞寫成了backgroud,其實是background。

<div style=「background: red」></div>唯纖

熱點內容
明日之後為什麼找不到馬丁灣 發布:2025-03-16 16:33:32 瀏覽:615
為什麼手機上網流量費能達到100元 發布:2025-03-16 16:32:00 瀏覽:235
為什麼洗眼線後顏色反而更深了 發布:2025-03-16 16:24:13 瀏覽:625
熊貓為什麼是一個顏色 發布:2025-03-16 16:22:39 瀏覽:623
為什麼列印東西第三頁只顯示半頁 發布:2025-03-16 16:09:50 瀏覽:277
為什麼剛睡醒眼睛對眼 發布:2025-03-16 16:08:56 瀏覽:24
魔幻手機之傻妞歸來為什麼沒參加 發布:2025-03-16 15:54:32 瀏覽:772
為什麼有一隻美瞳戴哪個眼睛都磨 發布:2025-03-16 15:53:56 瀏覽:777
都勻一號線為什麼便宜 發布:2025-03-16 15:31:22 瀏覽:698
為什麼手機連耳機斷斷續續 發布:2025-03-16 15:31:20 瀏覽:840