尝试加载背景图片时出现“加载资源失败: 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");

}

抱歉，如果这个问题已经被问了很多次，但我已经尝试了一切，但不知道发生了什么，我运行开发人员模式和禁用缓存的铬，最初只有图像/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");

Answer 2

在Chrome(您的本地网站所在的地方)中转到检查或开发人员工具。转到控制台查看错误。在错误中，您可以看到路径(请仔细检查路径)

如果出现错误，请键入正确的路径或复制粘贴该路径，然后重试。