CSS背景圖片不會加載

-2

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

2017-08-08 S. Schultz

見https://stackoverflow.com/help/how-to-ask，HTTPS：/ /stackoverflow.com/help/mcve – guest271314

'background-image：url（「Images/pexels-photo-coffee-main.jpeg」）;' – terryeah

查看我對你的代碼和應該如何工作的區別的回答;）最好在下次發佈你的代碼，因爲儘管它在github上，但很多人都不會下載一個隨機zip文件。 – sharpCode

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

使用此

CSS

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

2017-08-08 01:25:04

好的，謝謝你們，我顯然沒有把我的url鏈接設置正確，../是問題，再次感謝你的幫助。 –

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

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

所以你行：

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

實際上應該是：

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

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

2017-08-08 01:28:18 sharpCode

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

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

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

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

2017-08-08 01:30:26 Reza

這將無法正常工作，因爲它必須是url（「../ assets/images/image_file.jpg」），您仍然需要轉到父文件夾。 – sharpCode

它在根html文件夾內的index.html時工作。你需要雙點（..）當index.html裏面的文件夾像頁/ index.html 或確保圖像正確。嘗試使用瀏覽器地址框訪問圖像文件。像localhost/assets/images/image.jpg – Reza

回答