HTML設置背景圖像路徑

我有一些問題，因爲我無法從CSS文件設置我的背景照片。HTML設置背景圖像路徑

我正在使用netbeans。我有一個名爲css的文件夾，裏面有global.css。裏面global.css中我有這樣的代碼：

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

Background.jpg一個名爲圖片文件夾中，結構如下：

--Web Pages 
    -css 
     global.css 
    -images 
     background.jpg 

    -index.html 
--Source Packages 
--etc

它不工作，爲什麼？

來源

2015-11-05 user2911701

目前，它是在css（global.css）中它應該去一級（css文件夾，圖像文件夾），然後進入圖像文件夾。

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

來源

2015-11-05 18:05:18 Alex

謝謝，它解決了這個問題。 – user2911701

@ user2911701不客氣。 [這是有用的文章的CSS路徑]（https://css-tricks.com/quick-reminder-about-file-paths/）和[這一個]（http://jeffreybarke.net/2013/06/paths -and-網址相對和絕對/） – Alex

css加載是否正確？如果是這樣，然後看看網址：使用尾隨散列之前的圖像/鏈接到您的服務器的根目錄，但您的圖像它不在那裏。使用../去你的filesistem中的上限，然後然後進入你的圖片文件夾。這應該工作：

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

來源

2015-11-05 18:09:26

改變路徑以這樣的：background-image: url(../images/background.jpg);

來源

2015-11-05 18:09:39

HTML設置背景圖像路徑

回答

相關問題