样式表参考问题

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文件，并且不会破坏对图像的引用。