background-image相对url在CSS样式表中不起作用

Question

我将html和css样式表文件保存在“img”文件夹中的同一文件夹和图像中。

图像的相对链接适用于html：

<img src="img\Philippines.png">

但是当我写的时候它在css中不起作用：

#Philippines {
background-image:url("../img/UK.png");

当我输入完整的网址时，它确实有效：

#Philippines {
background-image:url("file:///C:/Users/User/Dropbox/+HOROS%20code/img/Philippines.png");

我希望它可以与相关网址一起使用，有什么帮助吗？

Answer 1

CSS中的

url()与CSS文件的位置有关。

如果我理解正确，这是您的文件夹结构：

-+-img
 |  +--images
 +html_file
 +css_file

如果是这样，试试这个：

#Philippines {
    background-image:url("img/UK.png");
}