css裡的圖片無法顯示怎麼辦

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

本教學操作環境：Windows7系統、CSS3版本，此方法適用於所有品牌電腦。

推薦：《css影片教學》

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屬性。

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