Question

问题在于：

我有一个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＃bottom中删除div＃somethinginside，则问题仍然存在。

在我将bottom.png包含在div＃bottom作为<img src="bottom.png" />后，这一切都改变了，然后返回了背景，显示了但我在文件下面使用的其他一些png消失了。

这是迄今为止我遇到的最烦人的现象，因为我找不到任何解释。看起来好像Firefox将该文件列入黑名单，但这听起来很愚蠢。

这不是路径问题：我在同一个文件夹中有很多文件。在CSS问题中，它不是url（“myUrl”）中的“/”：我复制/粘贴有效文件的路径。我总是通过Photoshop中的Save for web保存。无论我使用的是PNG 8和PNG 24图像，都会发生同样的情况。我正在使用本地服务器XAMPP。我正在使用Joomla。和Windows XP专业版。它只发生在Firefox中，目前为3.5.7。在IE8中不是问题。

有人遇到过这样的问题吗？我甚至无法按需重现它，因为我甚至不知道是什么导致了这种奇怪的行为。由于某种原因，它主要适用于PNG文件。这是第二次发生，这是一个完全不同的项目。是否有一些PNG / Firefox错误？

Answer 1

使用Firefox很容易，只需使用firebug来查看发生的情况。

顺便问一下，您是否在安全模式下在Firefox中尝试过？也许这是一个引起麻烦的附加组件。

使用哪些浏览器（和版本）有效？

Firefox 3.x中的PNG背景图像消失，无法加载

1 个答案: