CSS背景图像非常挑剔

时间:2014-08-10 01:39:11

标签: css

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

代码:

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

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

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

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

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

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