背景图片路径不在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的后台无法正常工作。 它必须位于相同或子目录中。 这对我有用。