CSS背景图像非常挑剔

Question

我正在尝试通过CSS将我的网站的背景图像设置为本地img。但代码不会让我使用本地图像，但非本地互联网图像是好的。那是为什么？

代码：

html {
  /* background-image: url("chrome://global/skin/media/imagedoc-darknoise.png"); */
  background-image: url("img/diamondPlate_bg.jpg");
}

底部图像是应该显示的图像，但事实并非如此。但顶部的图像确实有效。为什么呢？

Answer 1

您必须提供完整的图片路径，因为浏览器无法确定搜索位置。

Answer 2

根据您的CSS文件路径，我认为它位于您的HTML页面的img目录中，您必须按如下方式更改URL：

body { 
    background: url("../img/diamondPlate_bg.jpg") repeat 0 0;
}  

这就像回到一个文件夹并输入img文件夹来获取图像。