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

Question

我的css文件位置htdoc/anyFolder/css/style.css和image文件夹文件位置htdoc/anyFolder/image/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 元素，因为它可能会更改浏览器查找文件的路径。