Question

我的css文件位置htdoc / anyFolder / css / style.css和图像文件夹文件位置 htdoc / anyFolder /图像/ search.png。我在css文件中使用了背景图像规则，如background-image: url("/image/search.png"); 但我找不到图像。浏览器在查找http://localhost/image/search.png时查找http://localhost/anyFolder/image/search.png。问题出在哪儿。我试过了

background-image: url("../image/search.png");

background-image: url("/../image/search.png");

background-image: url("./../image/search.png");

这一切都没有。找不到问题出在哪里。是否取决于css文件的包含位置。

Answer 1

如果你的路径是 htdoc/anyFolder/css/style.css和 htdoc/anyFolder/image/search.png

这应该有效：

background-image: url("../image/search.png");

这也应该有效：

background-image: url("/anyFolder/image/search.png");

但你说他们没有。您应该检查文件和文件夹的名称是否正确，以及HTML上是否有base元素，因为它可能会更改浏览器查找文件的路径。

Answer 2

是否取决于包含css文件的位置。

是。图像的路径与css文件的位置有关。

只需使用：

background-image: url("../anyFolder/image/search.png");

Answer 3

尝试将html和css文件放在同一文件夹中

Answer 4

也许迟了，但是解决方法是：

      bacgkround-image: url(../search.png)

不需要“ anyFolder”，“图片”。...

从我的css文件中找不到背景图片

4 个答案: