查看时http://joelkidd.co.uk/test 在 75% 的浏览器中,网站看起来不错。然而,像往常一样,任何低于 Internet Explorer 9 的网站都像炸弹一样击中了它。我今天早上坐下来为它创建一个单独的样式表,我现在正在这样做,但是我遇到了一个问题(这是我的第一个交叉兼容性工作等)。
当我在页眉元素(以及其他 div,就此而言)上设置背景色时,它会被完全忽略。如果您在任何(大多数)其他浏览器中查看该站点,您会看到一个大的天鹅绒背景,它覆盖了页面的前 20%(大约)。
如果有人能告诉我为什么会这样,我将不胜感激。
谢谢, 乔尔
最佳答案
我感受到了你的痛苦。我想我可能知道你的问题。您需要包括这一点 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。
关于html - Internet Explorer 8 'background-color' 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15968577/