背景图像没有显示在页面上

Question

我想将div的背景设置为某个图像，但由于某种原因它无法正常工作。我很确定这是一个菜鸟错误 - 我无法弄明白。

这是我的代码（html第一部分然后是css）：            

H＆amp; S显示

    

.title {
    background-image: url('/images/LOGO.jpg');
    //... other code
}

我的文件目录如下： 文件夹：图片 文件夹：css 的index.html 文件夹：页面

Answer 1

尝试在“/ images”之前添加“..”，可能是css需要在访问images文件夹之前返回文件夹吗？

Answer 2

根据official spec

  

部分URL相对于样式表的来源进行解释，而不是相对于文档

克里斯·科伊尔（Chris Coyier）有一个brief explanation的实际工作原理，但他的可视化非常直接。

使用＆＃39; /＆＃39;开始CSS网址应该让你回到root，所以很可能你的root不是你想象的那样（比你意识到的更高的父目录），或者你的文件没有像你想象的那样组织。

Consult your console并查看错误报告它正在查找您的图像文件的位置。这应该可以让你知道你的相对路径有什么问题。