Firefox 中不显示背景图片答案

【问题标题】：Background images not showing in FirefoxFirefox 中不显示背景图片
【发布时间】：2014-02-07 13:23:29
【问题描述】：

我对这个页面有一个特定于 Firefox 的问题：

http://www.buzzx.com/feedback.php

它在 IE、Safari、Chrome 和其他人类发明的浏览器中呈现良好，但在 Firefox 中不显示背景图像（左侧的“反馈”链接和内容周围的白框）。

任何帮助表示赞赏，我完全被难住了。

更新：图像显示如果我在 css 中输入完整路径 - http://www.buzzx/..../images/... 而不是相对路径。但我真的想避免这样做。

【问题讨论】：

很奇怪。当您手动加载 PNG 文件并重新加载页面时，它会显示在 FF 中，但只有一秒钟。有兴趣看看是什么原因
实际上，在 Mac 上，我在 Firefox v3.6.10、Chrome 6.0.472.62 和 Opera 10.62 上得到完全相同的结果

标签： html css firefox background-image

【解决方案1】：

今天有类似的问题，我看不到你的css，但是，这是我发现的，我不得不将html部分移动到css的底部，至少在我拥有的其他背景元素下方，这样它就会显示出来。我希望这会有所帮助。

【讨论】：

【解决方案2】：

刚进入网页设计 HTML 和 CSS，我遇到了同样的问题。

我使用 Webdwarf webdesigner 来构建网站的基本布局。起初它没有在 Firefox 中显示，但后来我也放了一张用 GIMP 制作的超大透明图片。只是一个 100% 透明的大正方形。我通过清除 Firefox 高级选项中的缓存并重新加载页面来检查它。换了几次背景图片，点击重新加载按钮，它直接改变了。

其他问题通常是路径字符串。 Webdwarf 为我制作了背景的 CSS 编码，并使用了当前位置的路径字符串。 背景图片：url (./images/background.jpg)。 Firefox 似乎不接受背景图片的全长字符串

【讨论】：

【解决方案3】：

您可能想check against a validator，只是为了确保。

Line 48, Column 48: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag 
    <h1><div class="page_heading"><div class="fleft">Contact Us</div><div

【讨论】：

谢谢，所有验证错误都是次要的，与问题无关。

【解决方案4】：

很奇怪！

但我注意到一件事：当出现与 Google Ads 相关的 javascript 错误（我在 Firebug 中看到）时，图像不会加载。消息说：

拒绝http://googleads.g.doubleclick.net 调用http://www.buzzarab.com 上的 Location.toString 方法。

第 0 行

尝试并测试没有 Google 广告的网页。

【讨论】：

感谢您的建议，删除谷歌广告并没有解决问题。
你说得对，我下载了你的页面，但问题仍然存在，即使我删除了所有脚本。

【解决方案5】：

通过向 css 添加完整路径来解决，这不是真正的修复，但现在会这样做，直到找到适当的修复。

【讨论】：