為什么背景圖像沒有改變？

Question

我正在一個網站上工作，我正在嘗試更改身體的背景圖像，但由於某種原因它不起作用。

錯誤信息： Failed to load resource:.net::ERR_FILE_NOT_FOUND background-home-desktop.jpg:1

代碼：

body {
  background-image: url(assets/home/background-home-desktop.jpg);
  background-color: black;
  color: #FFFFFF;
}

Answer 1

你的路徑是錯誤的。 路徑assets/home/background-home-desktop.jpg不存在。 您使用相對於您的頁面的路徑。 您需要使用正確的文件路徑。 如果需要，您也可以使用絕對路徑，請參閱https://developer.mozilla.org/en-US/docs/Web/CSS/url

url() CSS function 用於包含一個文件。 參數是一個絕對值 URL，一個相對值 URL，一個 blob 值 URL，或者一個數據值 URL。url() function 可以作為另一個 CSS 函數的參數傳遞，比如 884538840991713888 函數

由於您尚未共享文件結構，因此很難判斷什么是正確的。

Answer 2

好吧，如果這是您的代碼副本，那么您只是忘記了引號。 例子：

 body { background-image: url("https://helpx.adobe.com/content/dam/help/en/photoshop/using/convert-color-image-black-white/jcr_content/main-pars/before_and_after/image-before/Landscape-Color.jpg"); background-color: black; color: #FFFFFF; background-repeat: no-repeat; background-size: cover; } h1 { color: yellow; font-size: 4rem; text-align: center; text-transform: uppercase; }

 <h1>Hello World</h1>