什么会导致 Internet Explorer 6 中的图像加载间歇性问题？答案

【问题标题】：What Could Cause Intermittent Issues with Images Loading in Internet Explorer 6?什么会导致 Internet Explorer 6 中的图像加载间歇性问题？
【发布时间】：2012-12-13 12:51:52
【问题描述】：

我正在处理的网站出现问题，其中图像和背景图像无法在 Internet Explorer 6 中加载。

以下是您可能会遇到此问题的页面示例：

Example Page

到目前为止，我已经研究了以下可能的问题，并且几乎排除了它们：

图像文件中的 XML/无关数据 (google photoshop 7 Internet Explorer)
损坏的图像文件

我没有排除无效标记。

我注意到在报告此问题的大多数页面中都存在验证错误，我正在努力在适当的地方修复这些错误。

我看到的行为是页面将加载并且除了背景图像之外的所有元素都会呈现。没有抛出 javascript 错误。使用 Fiddler 时，不会请求图像。如果浏览器直接指向背景图片，缓存被清除，然后浏览器指向 HTML 页面，背景图片将加载到 HTML 页面中。

是否有人对解决此问题的方法有任何其他建议？

【问题讨论】：

标签： css image internet-explorer-6 background-image

【解决方案1】：

现在有两次有人遇到照片无法显示的问题，这是因为他们使用了不正确的色彩空间，使用 CMYK 而不是 RGB。

【讨论】：

这是我没想过要专门检查的。我现在将对一些未能加载的图像进行此操作。
至少在这个页面上看起来像 RGB 以及我从另一个有问题的页面本地保存的其他一些图像。

【解决方案2】：

这是 IE6 的一个奇怪问题。我只需右键单击图像并选择“显示图片”即可正确加载图像。

【讨论】：

这有时是正确的（我不确定上下文菜单是否提供背景图像选项），但这并不能从编程的角度解决问题，只能从用户的角度来看。
我认为这是一个 IE6 错误，是网络编程无法解决的问题。

【解决方案3】：

我正在 IE6 中查看此问题并尝试复制该问题，但我似乎无法让它发生 - 它似乎总是在加载。

关于尝试的事情的一些想法，因为似乎还有另外两个背景被覆盖的类是尝试在背景分配之后添加 !important，所以：

div.gBodyContainer {
background-image:url(/etc/medialib/europe/about_infiniti/environment.Par.7366.Image.964.992.direct.jpg); !important
}

要尝试的另一件事是摆脱所有 .在文件名中并减少它的长度，应该没关系，但它可能会导致一些问题，无论如何尝试它都没有坏处。

您可以尝试的另一件事是将 gBodyContainer 设为 ID 而不是类，或者给它一个 ID 和一个类并将背景分配给该 ID。再说一遍，这应该没关系，但尝试看看它是否有效并没有什么坏处，IE6 做了很多有趣的事情。

【讨论】：

感谢您花时间深入了解代码，Matt。文件名是由 CMS 生成的，所以我无法真正了解它。不过，我认为覆盖背景图像是值得研究的。

【解决方案4】：

是否只有ie6 而不是ie7？ IE 有时对 html 非常严格，而 firefox 则可以让您摆脱更多。不确定这是否有帮助，但我只是通过慢慢删除内容来调试奇怪的 IE6/7 错误。但如果只是断断续续的，就像打开和关闭相同的代码时发生的那样，那就太奇怪了。

【讨论】：

是的，只有 IE6，不是 IE7（反正我没有报告或看到）。

【解决方案5】：

问题出在“IE6”部分；-)

【讨论】：

【解决方案6】：

我认为在某些情况下，您可以通过在请求之前加载完整大小的图像并使用样式 display: none; 隐藏它来解决此问题，这样 IE6 将从缓存中加载图像。

【讨论】：