css background為什麼不顯示

css background不顯示的原因：1、css沒有被呼叫；2、background屬性名書寫出錯或背景圖片路徑出錯；3、背景元素沒有內容填充，也沒設定width和height；4、元素不具備區塊屬性；5、被同名css類別的樣式所覆蓋。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

css background不顯示的原因

1、css沒有被呼叫；請檢查css呼叫是否成功，

#2、css background屬性名書寫出錯或背景圖片路徑出錯

css設定背景用的background，書寫方式是backgroud:url('圖片路徑');，你看一下你的css寫對了沒有，圖片不顯示，還可能是因為圖片路徑出錯，如果你不清楚圖片放在哪個資料夾該怎麼寫，可以html檔案跟圖片放在一起，直接寫backgroud:url('1.jpg');

3、背景元素沒有寬度和高度。當元素沒有內容，也沒有設定width和height時，背景是顯示不出來的。背景不會撐開元素。

4、元素不具備區塊屬性。當元素不具有區塊屬性的時候所設定的高寬是無效的。所以也不會顯示圖片。

5、被同名css類別的樣式所覆寫。假設前面有命名.bg設定了background顯示圖片，後面又命名了.bg又設定了background顯示顏色。

（學習影片分享：css影片教學）

以上是css background為什麼不顯示的詳細內容。更多資訊請關注PHP中文網其他相關文章！