html - CSS 背景图片 URL

Question

在为 body 编写 CSS Style 时，我遇到了一个问题，想知道是否有人可以解释其中的区别。

当我用这个

 body {
 background-image: url('img/bg.png');
 }

那没起效。 http://www.w3schools.com/cssref/pr_background-image.asp

但是当我用这个

 body {
 background-image: url('../img/bg.png');
 }

它工作正常。我怀疑它可能是因为它在一个文件夹中我必须使用'../'但我只是想问一下。

Answer 1

普通的项目结构是这样的：

index.html
css/
    style.css
img/
    bg.png

当你使用

background-image: url('img/bg.png');

这意味着图像的位置是css/img/bg.png，当你使用

background-image: url('../img/bg.png');

这意味着图像的位置是 img/bg.png （../- 比当前文件夹高一级，高出../../两级等）