首頁  >  文章  >  web前端  >  引入的css圖片怎麼載入不了

引入的css圖片怎麼載入不了

青灯夜游
青灯夜游原創
2020-12-23 11:18:174493瀏覽

載入不了的原因:1、css程式碼寫錯了;2、css圖片的引入位址不對;3、包含css圖片的html容器(例div)的寬度和高度沒有設定固定值,css圖片不會撐開元素容器;4、HTML代碼書寫不規範;5、引入css圖片的元素不具備塊屬性。

引入的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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn