html - Internet Explorer 8“背景色”问题

Question

在 75% 的浏览器中查看http://joelkidd.co.uk/test时，该站点看起来不错。然而，像往常一样，任何低于 Internet Explorer 9 的网站看起来都像炸弹一样击中了它。我今天早上坐下来为它创建一个单独的样式表，我现在正在这样做，但是我遇到了一个问题（这是我的第一个交叉兼容性工作等）。

当我在标题元素（和其他 div，就此而言）设置背景颜色时，它会被完全忽略。如果您在任何（大多数）其他浏览器中查看该站点，您将看到一个大的天鹅绒背景，覆盖了页面的前 20%（大约）。

如果有人能告诉我为什么会这样，我会非常感激。

谢谢，乔尔

Answer 1

我感觉到你的痛苦。我想我可能知道你的问题。您需要包含这一点 javasctipt 代码：https ://code.google.com/p/html5shiv/

因为您使用的是 HTML5 标签，例如<header>IE6、7 和 8，所以不知道它们的含义。通过包含一点点 javascript 代码，它基本上会使 HTML5 元素看起来更像<div>IE6、7 和 8

当然，您的另一个选择是将所有 HTML5 元素更改<div>为例如：<div id="header">而不是<header>. 这也意味着改变你所有的 CSS。