載入不了的原因:1、css程式碼寫錯了;2、css圖片的引入位址不對;3、包含css圖片的html容器(例div)的寬度和高度沒有設定固定值,css圖片不會撐開元素容器;4、HTML代碼書寫不規範;5、引入css圖片的元素不具備塊屬性。
本教學操作環境:Windows7系統、css3版本,Dell G3電腦。
推薦:css影片教學
在CSS中想要引入圖片,可以使用background屬性或background-image屬性。 background屬性或background-image屬性都可以新增背景圖片。
但有時引入的css圖片(背景圖片)載入不了,這是什麼原因?
可能的原因有:
1、css程式碼寫錯了。錯誤的寫法,當然顯示不了。
2、css圖片的引入位址不對
3、包含css圖片的html容器(例div)的寬度和高度沒有固定值,css圖片不會撐開元素
4、元素不具備區塊屬性。當元素不具有區塊屬性的時候所設定的高寬是無效的。所以也不會顯示圖片
5、HTML程式碼書寫不規範
6、被同名css類別的樣式所覆蓋。假設前面有命名.bg設定了background顯示圖片,後面又命名了.bg又設定了background顯示顏色。
更多程式相關知識,請造訪:程式設計教學! !
以上是引入的css圖片怎麼載入不了的詳細內容。更多資訊請關注PHP中文網其他相關文章!