样式参考问题

Question

我在index.html的定义为

<link rel="stylesheet" type="text/css" href="css/template.css"> 

的template.css里面一个样式表，我已经宣布

body{ 
background-image: url(images/background.png); 
background-repeat: repeat; 
} 

为什么没有得到显示的图像？路径是正确的

Answer 1

CSS中的路径应该相对于CSS文件所在的位置，而不是从正在加载CSS文件的页面所在的位置。

尝试：

background-image: url(../images/background.png); 

当你开始了，这可能似乎违反直觉，但它实际上是一个很好的设计为你的CSS文件，然后可以从任意文件夹中的任何网页和引用称为图像不会被打破。