Question

我的CSS文件中有这个：

body {style.css (line 3)
background:#CDF8FF url(images/final_bg.jpg) no-repeat scroll center top;
clear:both;
font-family:Arial,Helvetica,sans-serif;
margin:0;
padding:0;
}

这些图片存在，因为我可以通过浏览器访问它，但它永远不会显示给我！有什么问题？

我使用萤火虫看它是否在那里，每当我把鼠标放在它上面时，萤火虫只会显示一个加载图标，表明它不在那里。

感谢任何可以清除这种困惑的人。

顺便说一下，我已经多次清理了我的缓存了！我在我的Fedora Linux机器上使用Firefox。

Answer 1

可能的情况是指定的图像确实不存在。

常见的错误是将HTML文档放在：

http://example.com/foo.html

带有样式表

http://example.com/css/style.css

在

处引用图片

http://example.com/css/images/final_bg.jpg

但实际上将图像放在

http://example.com/images/final_bg.jpg

样式表中的网址与样式表相关，而不是引用该样式表的文档。

移动图像，或更改URL（以上例中的/开头）

Answer 2

这是一个相对网址。应该是/images/final_bg.jpg吗？

查看您的Web服务器的访问日志，查看所请求的内容。

此外，在Firebug中，查看网络流量 - 您是否看到了您期望的请求以及成功响应（200）

编辑：根据David的评论更正

Answer 3

如果在样式表中使用相对URI，则需要将它们设置为相对于样式表的URI。

因此，如果您的样式表位于/css/style.css，则需要使用../images/final_bg.jpg正确引用/images/final_bg.jpg（或者使用绝对URI路径/images/final_bg.jpg）。

Answer 4

尝试使用绝对路径，特别是如果你的css在外部样式表中。

url(/images/final_bg.jpg)

如果不起作用，请尝试添加引号

url('images/final_bg.jpg')

希望这有帮助！

Answer 5

我打赌 ../ images / final_bg.jpg ：

background:#CDF8FF url(../images/final_bg.jpg) no-repeat scroll center top;

Answer 6

您需要将路径放在引号内：

background:#CDF8FF url('images/final_bg.jpg') no-repeat scroll center top;

图像存在但不显示为背景

6 个答案: