奇怪的 IE8 布局故障 - 为什么正文背景消失了？答案

【问题标题】：Weird IE8 layout glitch - why does the body background disappear?奇怪的 IE8 布局故障 - 为什么正文背景消失了？
【发布时间】：2011-09-03 05:41:30
【问题描述】：

这是我什至不知道如何解决的“该死的”问题之一。

我有这个网站：http://www.mojalbum.com，如果你在 IE8 中打开它，它可以正常加载，半秒后布局就会变得混乱。如果您随后调整窗口大小，它将恢复正常。此外，如果您打开开发人员工具并禁用和重新启用 CSS 属性（不管是哪一个），布局也会得到修复。

不幸的是，我不记得这是什么时候开始发生的，所以我不知道我做了什么导致了这种情况。我真的不知道该怎么办。我花了 3 个小时在谷歌上寻找解决方案，但没有任何运气（老实说，我不确定要搜索什么）。

这是乱七八糟的屏幕截图：

它应该是这样的：

我在 Windows 7 上使用 Internet Explorer 8 (v 8.0.7601.17514)。

编辑：我现在已经设法（有点）隔离了问题。如果页面中包含 jQuery (v1.6.1)，那么就会发生这种情况。包含 jQuery v1.3.2 不会导致这个问题。

【问题讨论】：

该站点确实存在 HTML 和 CSS 验证错误。也许清理这些会导致修复？祝你好运。

标签： jquery css internet-explorer

【解决方案1】：

下面的答案现在大部分已经过时了，因为这个问题已经在 jQuery 1.6.2 中得到修复，现在已经有一段时间了。

如果您遇到此问题，只需升级 jQuery 到最新的可用版本。

编辑：

jQuery 出了点问题！

如果我切换到由 Google 托管的 1.6.1，它仍然会中断：http://jsbin.com/epata3/3

如果我将script 移动到head 内部，它可以工作：http://jsbin.com/epata3/4

你是对的，1.6.0 一切正常：http://jsbin.com/epata3/7

???

~~你的 jQuery 包含有问题。~~

这个简单的测试用例在 IE8 中以完全相同的方式中断：

在 IE8 中查看： http://jsbin.com/exomi4

背景闪烁红色，然后变为白色。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>

<style>
body {
    background-color: red;
}
</style>

</head>
<body>
<script type="text/javascript" src="http://www.mojalbum.com/js.php?f=core/jquery_1.6.1.js,&c=v2"></script>
</body>
</html>

【讨论】：

是的，非常非常有线。如果您不介意，我将使用您的示例来填写错误报告。
好主意。我很想知道这是什么原因。
下一个版本（1.6.2）的bug已经修复，你可以在这里获取修复版本：code.jquery.com/jquery-git.js

【解决方案2】：

我已将 jQuery 版本恢复到 1.6（从 1.6.1）。这解决了问题。

【讨论】：