如何解決背景圖片載入不出問題

曾經在html中編寫網頁的時候， 將外部的css樣式表鏈接到網頁中，其它像：background-color . padding , margin 等都可以正常起作用，但就是background-image不起作用，而且有時一氣之下將background-image:url(“”絕對路徑“”) ;就可以顯示了，但是我們非常不提倡這種絕對路徑的寫法，那麼出現這個現象的原因到底是什麼呢？
**

注意：在css樣式表中寫的background-image:url(圖片的路徑為相對本css檔案的路徑，而不是我們通常認為的相對加入css樣式的網頁的路徑);

**
例如：在目前目錄下有index.html 和css資料夾(裡麵包含：css.css) 和images資料夾（裡麵包含top .jpg）
錯誤的認為與寫法:background-image:url(“images/top.jpg”); ———————————–>>錯誤的認為圖片的路徑應該是針對index.html網頁來說的。
正確的認為與寫法：background-image:url(“../images/top.jpg”);———————————–>圖片的路徑應該寫的是相對css.css檔案的路徑
其中    ../     表示的是上一層目錄，不要寫成./ 這是表示目前目錄。
這個問題困擾我很長一段時間，今天總結一下，提醒自己吧！ ！希望還沒弄清楚的朋友弄懂！

以上是如何解決背景圖片載入不出問題的詳細內容。更多資訊請關注PHP中文網其他相關文章！