html - 样式表引用问题

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 文件可以从任何文件夹中的任何页面调用，并且对图像的引用不会被破坏。