html - Internet Explorer 8 'background-color' 问题

Question

查看时http://joelkidd.co.uk/test 在 75% 的浏览器中，网站看起来不错。然而，像往常一样，任何低于 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。