用eclipse進行開發時出現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文件的路徑

其中     ../     表示的是上一級目錄，不要寫成 ./ 這是表示當前目錄。

二、應該是編譯器或者瀏覽器顯示有問題，可在當前jsp頁面直接設置相應的背景圖，如我的是需要設置全局背景圖，設置方式如下：

<style type="text/css">

    body{
    background-image: url("../paper/images/loginback.jpg");
    
    }

</style>

 

效果顯示如下：