为什么我的绝对定位div中的背景图像不显示？

我不明白为什么我的绝对定位div div中的背景图片没有显示。我使用的是Firefox，但也使用Chrome。为什么我的绝对定位div中的背景图像不显示？

特别奇怪的是，在Web开发人员工具栏的“编辑CSS”对话框打开时查看页面时，图像出现。

有问题的图像是一个id为“joel-image”的div和导航项。

http://joelglovier.com

来源

2010-07-24 Joel Glovier

CSS中的路径是相对于实际的css文件..不是HTML网页..

所以你的路径应该不包括../img/joel-image.jpg或更好/img/joel-image.jpg

目前你的CSS文件是/css文件夹，所以url(img/joel-image.jpg)的背景图片属性转换为/css/img/joel-image.jpg这是错误的..

来源

2010-07-24 17:56:36

+1。我怀疑它们在CSS检查器中显示的原因是它使用的是相对于网页的路径，而不是CSS文件。 – iblamefish 2010-07-24 17:59:45

这是真的！ +1。 – jolt 2010-07-24 18:02:27

+1此外，您可能不想使用Web开发人员工具栏来检查这种事情，而是使用Firebug for Firefox，这会让您更精确地了解呈现页面上实际发生的情况。除了许多其他功能之外，WDT还可以检查资产是否存在，但Firebug通常更适合查找页面呈现问题的原因。一起使用两个扩展，他们一起很好。 – hollsk 2010-07-24 18:05:51

浏览器对图像的请求正在返回404，因此图像的路径是错误的。仔细检查一下。尝试绝对路径。

来源

2010-07-24 17:58:06 jordanstephens

为什么我的绝对定位div中的背景图像不显示？

回答

相关问题