html 元素背景颜色未在 IE 8 中显示答案

【问题标题】：html element background color not showing in IE 8html 元素背景颜色未在 IE 8 中显示
【发布时间】：2011-07-17 18:09:42
【问题描述】：

我使用<body> 标记作为每个背景颜色都是白色的网站上三个 div 的包装器。

我已将 css 中的 html 和 body 的背景颜色设置为 #fff，并且该网站在除 IE8 之外的所有浏览器（包括 IE 6 和 7）中都能正确呈现：

我什至尝试像这样直接为 html 内联设置样式：<html style="background-color: #fff"> 但这似乎并没有改变任何东西。

甚至不确定是什么导致了这个错误。

【问题讨论】：

你能给我们代码/网址吗？
当然：我已经在此处发布了页面的 css 和 html：http://jsfiddle.net/jDmtg/。并在行动中看到它：http://donaldjenkins.net/.
斯蒂芬·穆勒：谢谢你的建议。我没有标记为已回答的那些是因为，呃，提供的答案都不起作用…… xD 当一个建议有帮助时，我总是投赞成票。但是，如果我做的不对，请告诉我！

【解决方案1】：

问题在于您的 CSS 中的以下属性：

:focus{
  outline:0;
  background-color:#f2f3f6;
  border-color:#996
}

显然，在加载 IE8 时决定 html 元素具有焦点，而其他浏览器不这样做。去掉这里的 background-color 属性，它就会全部保持白色。

【讨论】：

【解决方案2】：

当您将此代码插入 HTML 时会发生什么？

body div
{
  background-color: white !important;
}

通常，浏览器会解释并应用他们读取的最后一行 CSS 到一个元素，所以 background-color: red; background-color: blue; 会产生蓝色背景色。

!important 告诉浏览器忽略所有其他属性重新减速，因此background-color: red !important; background-color: blue; 会使背景颜色变为红色，即使您告诉它为蓝色。

【讨论】：

请记住，这只是检查background: white 是否被覆盖的一种方法。每次 CSS 属性在某处被覆盖时，开始使用 !important 是不好的做法。更好的方法是（在使用 !important 确定问题之后）找出它被覆盖的确切位置，然后修复它。
我发布这个只是为了看看它是否有效（如果作者没有在其他地方制作另一个!important）。如果我可以访问有问题的页面，我可以直接打开 Chrome 的 Inspector 并告诉你什么规则覆盖了背景颜色以及它在几秒钟内的位置。但由于我看不到页面，我也帮不上什么忙。
我知道，我只是在添加你的答案，我什至赞成它。只是向唐纳德·詹金斯指出这不是永久修复，只是一种调试方法:)
@Blender：感谢您的建议！显然，我已经尝试过了，尽管出于斯蒂芬提到的原因，我不喜欢使用它。但它没有用。
他的建议完全奏效，我立即将其标记为已接受：非常感谢你们。

【解决方案3】：

我认为background:#FFFFFF; 会解决它。它对我有用。

【讨论】：

【解决方案4】：

Internet Explorer 支持 6 位颜色代码，即代替 #fff .. 使用 #ffffff 我希望你能理解这一点

【讨论】：