样式表参考问题

use*_*079 2 html css

我有一个在index.html中定义的样式表

<link rel="stylesheet" type="text/css" href="css/template.css">
Run Code Online (Sandbox Code Playgroud)

在template.css中,我已声明

body{
background-image: url(images/background.png);
background-repeat: repeat;
}
Run Code Online (Sandbox Code Playgroud)

为什么图像不显示?路径是正确的

Tom*_*len 5

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

尝试:

background-image: url(../images/background.png);
Run Code Online (Sandbox Code Playgroud)

当你开始时,这似乎是反直觉的,但它实际上是一个很好的设计,因为你可以从任何文件夹中的任何页面调用你的CSS文件,并且不会破坏对图像的引用.

  • +1,这几乎肯定是问题所在. (3认同)