背景图片路径不在CSS中工作

Question

相对路径在CSS中不起作用，但它是正确的

{ width: 64px; background: url(../images/abc/xyz/bottom-navigation.jpg) no-repeat 0 0; }

Firebug发出此错误

文件夹路径

Answer 1

在CSS中，路径是相对于样式表的，因此请确保您具有正确的。根据您发布的代码，您的样式表需要位于文件夹（例如css）中，该文件夹与images位于同一目录级别。

另一种通常更好的选择是使用与您的域相关的路径。因此，如果images文件夹位于根目录中，则可以使用url("/images/abc/xyz/bottom-navigation.jpg")（注意，最好在CSS中放置文件名引号）。

另一种可能性是加载图像存在某种问题。在Firebug中，您应该能够右键单击URL并打开图像。这样做并确保它加载并显示正确的路径。

Answer 2

我遇到了同样的问题，并在一段时间后弄清楚了。如果图像位于当前目录的升级目录中，则基本上相对url的背景不起作用。它必须位于相同或子目录中。这对我有用。