图片存在，但我有这个在我的CSS文件不显示为背景

：图片存在，但我有这个在我的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。

来源

2009-07-10 Abs

如果您使用样式表相对URI，你需要让他们相对于样式表的URI。

所以，如果你的样式表是/css/style.css，你需要使用../images/final_bg.jpg正确地引用/images/final_bg.jpg（或您使用的绝对URI路径/images/final_bg.jpg）。

来源

2009-07-10 19:55:05 Gumbo

这是一个相对URL。它应该是/images/final_bg.jpg？

看看你的Web服务器的访问日志，看看有什么要求。

此外，在Firebug的，看看网络流量 - 你看到你所期望的请求，并成功响应（200）

编辑：纠正根据大卫的评论

来源

2009-07-10 19:51:33

由于我们不知道样式表的网址，因此我们无法知道这是图像的正确URL。 – Quentin 2009-07-10 19:53:08

10k upvote是我的！ – dfa 2009-07-10 19:56:24

呵呵？该图像具有绝对网址 - 您可以在任何地方使用该网址。我相信它是相对于页面而不是样式表。 – 2009-07-10 19:57:26

赔率是在指定的图片并不存在。

一个常见的错误是将一个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与样式表相关，而不是引用该样式表的文档。

移动图像，或改变它的URL（开始与/在上面的例子）

来源

2009-07-10 19:52:35 Quentin

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

url(/images/final_bg.jpg)

如果不行试试加上引号

url('images/final_bg.jpg')

希望这有助于！

来源

2009-07-10 19:54:18 Patcouch22

我打赌../images/final_bg。JPG：

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

来源

2009-07-10 19:54:52 dfa

-1

你需要把引号内的路径：

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

来源

2009-07-10 19:54:57

图片存在，但我有这个在我的CSS文件不显示为背景

回答

相关问题