【发布时间】：2010-07-25 01:58:06
【问题描述】：
我无法弄清楚为什么我的绝对定位 div 中的背景图像没有显示。我正在使用 Firefox，但也在 Chrome 中。
特别奇怪的是，在打开 Web 开发人员工具栏的“编辑 CSS”对话框查看页面时，会出现图像。
有问题的图像是一个 id 为“joel-image”的 div 和导航项。
【问题讨论】：
标签： css-position css
【发布时间】：2010-07-25 01:58:06
【问题描述】：
css 中的路径是相对于实际的 css 文件..而不是 html 页面..
所以你的路径应该是../img/joel-image.jpg 或更好的/img/joel-image.jpg
当前您的 css 文件位于 /css 文件夹中，因此 url(img/joel-image.jpg) 的背景图像属性转换为 /css/img/joel-image.jpg 这是错误的..
【讨论】：
-
+1。我怀疑它们在您的 CSS 检查器中显示的原因是它使用的是相对于网页而不是 CSS 文件的路径。
-
+1 此外，您可能希望使用 Firebug for Firefox 代替，而不是使用 Web 开发人员工具栏来检查此类事情，这将使您更准确地了解网络上实际发生的情况呈现的页面。 WDT 非常适合检查资产是否存在，以及其他许多事情，但 Firebug 通常更适合识别页面呈现问题的原因。串联使用这两个扩展，它们一起使用非常好。
-
@hollsk - 是的，我拥有并使用两者。但是我倾向于沉浸在 WDT 中，因为我直接在其中编写样式，以至于我错过了 firebug 的一些功能。
浏览器对图像发出的请求返回 404。因此，您的图像的路径是错误的。仔细检查一下。试试绝对路径。
【讨论】：