CSS背景圖片不會加載

Question

我一直在做一個虛假的業務網站，以提高我的HTML，CSS和JavaScript技能。然而，我無法加載我的背景圖像，如果你可以看看我的代碼，看看有什麼不對，那會很好。

Link to GitHub release

Answer 1

您正在訪問的圖像文件，該文件是在父文件夾，所以你需要使用兩個點(../)去父文件夾，然後../Images/image.jpeg

使用此

CSS

background-image: url("../Images/pexels-photo-coffee-main.jpeg"); 

Answer 2

您需要使用../而不是./

../將向您發送一個目錄，並且./將使您進入當前目錄。

所以你行：

background-image: url("./Images/pexels-photo-coffee-main.jpeg"); 

實際上應該是：

background-image: url("../Images/pexels-photo-coffee-main.jpeg"); 

注如果你想回去多個目錄，那麼你可以做../../../會漲回去3爲例。

Answer 3

確保目錄結構正確。檢查這個例子

html 
    |-assets/css/ 
    |-assets/js/ 
    |-assets/images/ 
    index.html 

然後當你要載入圖像在CSS確保您的代碼是

background-image: url('assets/images/image_file.jpg');