在Firefox 3.x消失，不加載

我有一個div（#bottom網頁），這是不浮動，這在CSS預先定義的高度（中24px;），它用於顯示其背景（bottom.png），直到我放入內容。

CSS: 

#bottom {height: 24px; background-image: url("bottom.png");} 

HTML: 

<div id="bottom"> 
<div id="somethingInside"> 
</div> 
</div>

現在FF 3.x不加載背景圖片！我可以在同一頁面中使用另一個圖像，在同一個html文件中，並使CSS用作該#bottom div的背景圖像，然後顯示在那裏。

但是我無法在瀏覽器中加載圖像，即使我在FF上下文菜單中單擊「顯示背景圖像」或當我輸入bottom.png路徑時也是如此。相反，只有bottom.png文件的路徑顯示在那裏......如果我使用gif文件而不是一切正常。當我使用PNG時，它不起作用。

如果我將bottom.png重命名爲whatever.png，它也不加載。如果我在同一個文件的其他地方調用bottom.png作爲背景，它不起作用。

如果我從div＃底部刪除div＃somethinginside，問題仍然存在。

這一切都改變後，我包括bottom.png到div＃底部爲<img src="bottom.png" />，然後返回的背景，顯示，但在文件中使用下面的一些其他PNG消失。

這是迄今爲止我遇到過的最煩人的現象，因爲我找不到任何解釋。它看起來好像Firefox將該文件列入黑名單，但它聽起來很愚蠢。

這不是路徑問題：我在同一個文件夾中有很多文件。 CSS中的URL（「myUrl」）不是'/'：我拷貝/粘貼文件的路徑我總是通過Save for web在Photoshop中保存，同樣的情況發生，無論我是否使用PNG 8和PNG 24圖像我正在使用本地服務器XAMPP 我使用的是Joomla和Windows XP Pro，而且它只發生在Firefox中，目前爲3.5.7。 IE8

有沒有人遇到過這樣的問題？我甚至不能按需重現它，因爲我甚至不知道是什麼原因導致了這種奇怪的行爲，它主要適用於PNG文件，因爲某些原因。發生這種情況的時間，這是一個完全不同的項目。是否有一些PNG/Firefox錯誤？

來源

2010-01-18 Cyrylski

你是否嘗試刪除引號，使其看起來像這樣：'background-image：url（bottom.png）'？ – 2010-01-18 16:45:28

感謝您的回覆，但這沒有幫助。更重要的是，我添加了一個背景顏色：#FFF;財產，botoom.png再次消失。這是很奇怪的... – Cyrylski 2010-01-18 17:09:20

而這不是生產性服務器上的問題... – Cyrylski 2010-01-18 17:45:02

使用Firefox很容易，只需使用firebug即可查看發生了什麼。

順便說一句，你有沒有在Firefox的安全模式下試過它？也許這是一個附加組件，它會造成麻煩。

它與什麼瀏覽器（和版本）工作？

來源

2010-01-18 18:40:20 jeroen

嗯，問題是Firebug也不加載圖像。但該文件在那條路上，我可以隨時從該位置查看它... 我將檢查安全模式。它在最新的Opera（2010年1月）和IE6,7和8下工作。 – Cyrylski 2010-01-19 23:31:44

在Firefox 3.x消失，不加載

回答

相關問題