html - 浏览器不显示图像

Question

当我更改图像的路径时。浏览器不显示图像工作代码

body {
background-image: url("D:\main.jpg");
background-repeat: no-repeat;
background-position : center;
background-attachment : fixed ;
}

相同的代码但更改图像路径在浏览器中不显示图像。不工作

body {
background-image: url("D:\Source_Code\HTML\Adventure Time\main.jpg");
background-repeat: no-repeat;
background-position : center;
background-attachment : fixed ;
}

Answer 1

您应该提供来自当前 css 文件的 url path，而不是来自您计算机的根目录。而且它是斜线而不是反斜线。

例如，如果包含此内容的 css 文件位于 adventure-time 目录中，请执行:background-image: url("./main.jpg");