css無法顯示圖片怎麼辦

css無法顯示圖片的解決方法：1、檢查css呼叫是否成功；2、檢查div設定是否錯誤；3、檢查背景圖片呼叫路徑並修改；4、設定背景元素的寬度和高度； 5.將元素設定具備區塊屬性；6、檢查是否被同名css類別的樣式所覆蓋並修改即可。

本文操作環境：windows7系統、css3版、Dell G3電腦。

css設定背景圖片不顯示的原因

1、css沒有被呼叫

#這是需要檢查css呼叫是否成功。

2、div設定錯誤容易導致背景圖片高度太大則無法顯示，

3、背景圖片呼叫路徑錯誤

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

4、背景元素沒有寬度和高度。

當元素沒有寬高時，背景是顯示不出來的。背景不會撐開元素。設定background-size。

div盒子沒有內容，需要設定width、height，

5、元素不具備區塊屬性。

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

6、被同名css類別的樣式所覆寫。

假設前面有命名.bg設定了background顯示圖片，後面又命名了.bg又設定了background顯示顏色。

此時需要開啟控制台（按F12鍵）查看下CSS樣式background屬性。

更多詳細的HTML/CSS知識，請造訪CSS影片教學專欄！

以上是css無法顯示圖片怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！