爲什麼我的絕對定位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中的背景圖像不顯示？

回答

相關問題