背景图片路径不在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并打开图像.这样做并确保它加载并显示正确的路径.