【问题标题】: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 当一个建议有帮助时,我总是投赞成票。但是,如果我做的不对,请告诉我!

标签: html css internet-explorer internet-explorer-8 background-color


【解决方案1】:

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

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

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

【讨论】:

  • 是的,只是猜测是他个人资料中的那个,我在 IE 中遇到了同样的错误,所以我抽出了 Chrome 的检查器:P
  • 你打败了我!我实际上用谷歌搜索了 OP,并方便地找到了他的网站。我会为使用 Chrome 的 Inspector 再做一次 +1。
  • 成功了。完全修复:http://cl.ly/5K2V。非常感谢非常。现在,如果我能修复在 IE6 中不显示内联的右侧边栏...
  • 还加快了我网站的加载时间,从 1.4 秒到 1.3 秒:听起来即使在正确显示它的浏览器中,该属性也会减慢一点。
【解决方案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 我希望你能理解这一点

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-12-31
      • 2015-04-27
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-09-09
      相关资源
      最近更新 更多