2013-04-12 153 views
3

在75%的浏览器中查看http://joelkidd.co.uk/test时,该网站看起来很好。然而,像往常一样,任何小于Internet Explorer 9和该网站看起来像一个炸弹已经击中它。今天早上我坐下来为它创建一个单独的样式表,但我现在正在这样做,但是我遇到了一个问题(这是我的第一次交叉兼容性工作等)。Internet Explorer 8'background-color'问题

当我在标题元素(和其他div)上设置背景颜色时,它被完全忽略。如果您在任何(大多数)其他浏览器中查看网站,您会看到一个大型天鹅绒背景,覆盖页面的前20%(大致)。

如果有人能告诉我为什么会发生这种情况,我真的很感激。

感谢, 乔尔

回答

3

我觉得你的痛苦。我想我可能会知道你的问题。你需要包含这一点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。

+0

让我知道,如果这可以帮助你。 – Andrew

+0

非常棒,非常感谢Andrew!我有一种感觉,它可能与我刚刚没有实验的HTML5语义有关!很好的答案! – jskidd3

+0

第二个评论感谢你。这种单一的修正使所有的工作都完美地节省了我的工作时间。你是先生,是个传奇人物。如果有什么我可以帮助你的,只要让我知道,你是一个了不起的人! – jskidd3