html - 尝试加载背景图像时获取 "Failed to load resource: net::ERR_FILE_NOT_FOUND"

Question

目前在网站上工作，想要正文的背景图片。我一直收到 Failed to load resource: net::ERR_FILE_NOT_FOUND。这是我的 CSS 文件:

body
{
    background-image: url("C:\Users\jamie\Desktop\Work\Second Year\Web Design\CA2\Images\login.jpg");

}

如果这个问题被问过多次，我深表歉意，但我已经尝试了所有方法，但不知道发生了什么，我在 chrome 上运行了开发者模式并禁用了缓存，最初只有 Images/login.jpg，我在其中添加了引号url() 并且没有添加引号 我已经在不同的文件中尝试了各种不同的图像。甚至下载了 firefox 并在那里尝试过，但没有成功。

Answer 1

你把 login.jpg 和 css 文件放在同一个文件夹怎么样并将CSS更改为

body
{
    background-image: url("login.jpg");

}

绝对路径不正确，请使用相对路径:)

文件夹结构

MyCoolWebApp
|-> stylesheet.css
|-> login.jpg

如果您想访问位于 stylesheet.css 文件的父文件夹中的文件，请使用 url("../login.jpg");