Internet Explorer 8的“background-color”问题

Question

在75%的浏览器中查看网站http://joelkidd.co.uk/test，该站点看起来很好。然而，与通常情况一样，在Internet Explorer 9以下，该站点看起来像被炸弹击中了一样。今天早上我开始创建一个单独的样式表处理这个问题，但是我遇到了一个问题（这是我第一次进行跨兼容性工作等等）。

当我在头元素（和其他div）上设置background-color时，它完全被忽略了。 如果您在任何（大多数）其他浏览器中查看该站点，您将会看到覆盖页面顶部20％（大约）的大丝绒色背景。

如果有人能告诉我为什么会发生这种情况，我会非常感激。

谢谢， Joel

- jskidd3

Answer 1

我理解您的痛苦。我想我可能知道您的问题所在。您需要包含这一小段javascript代码：https://code.google.com/p/html5shiv/

因为您正在使用HTML5标签，例如<header>，IE6、7和8不知道它们的含义。通过包含那一小段javascript代码，它将基本上使HTML5元素在IE6、7和8中显示得更像一个 <div>.

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

- Andrew

---

请告诉我这是否对您有帮助。 - Andrew

太棒了，非常感谢安德鲁！我有一种感觉与HTML5语义有关，只是没有尝试过！好的回答！ - jskidd3

第二个评论感谢您。那一个小修正让一切都完美地运行，节省了我数小时的工作时间。您是一个传奇。如果有什么我可以帮助您的，请告诉我，您真是一个了不起的人！ - jskidd3