我有一个在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)
为什么图像不显示?路径是正确的
CSS中的路径应该相对于CSS文件所在的位置,而不是从加载CSS文件的页面的位置.
尝试:
background-image: url(../images/background.png);
Run Code Online (Sandbox Code Playgroud)
当你开始时,这似乎是反直觉的,但它实际上是一个很好的设计,因为你可以从任何文件夹中的任何页面调用你的CSS文件,并且不会破坏对图像的引用.