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

rjjhvcjd  于 2023-05-08  发布在  其他
关注(0)|答案(5)|浏览(130)

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

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

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

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

这些都不管用找不到问题出在哪里。这取决于css文件包含的位置。

gijlo24d

gijlo24d1#

如果路径为htdoc/anyFolder/css/style.csshtdoc/anyFolder/image/search.png
这应该可以工作:

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

这也应该起作用:

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

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

qncylg1j

qncylg1j2#

这取决于包含css文件的位置。
是的。图片的路径是相对于你的css文件的。
只需用途:

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

lf5gs5x23#

尝试将HTML和CSS文件放在同一个文件夹中

toiithl6

toiithl64#

也许是晚了,但解决方案是:

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

不需要“anyFolder”,“image”....

fnatzsnv

fnatzsnv5#

确保你在你的文件存在的当前目录下,并尝试通过使用./检查当前目录来给出图像的链接,而不是复制文件路径。这对我很有效。

相关问题