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

标签 html css internet-explorer-8 compatibility background-color

查看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/

相关文章:

javascript - jquery 选择器 ie8 问题

javascript - 有什么方法可以在不完全重新处理/重新编码的情况下为我的迷宫添加边界?

html - 不同尺寸图像之间的空白

html - 为什么 IE(特别是 IE8)不在禁用的多选框中突出显示所选选项?

jquery - 应用 -webkit-transform 时 Div 元素闪烁(仅转换后的元素)

html - 如何减慢悬停时的文本速度?

css - 如何去除 Internet Explorer 中文本上的这些阴影?

html - 如何阻止 HTML 表格匹配网格中其他表格的高度?

html - 导航栏文本元素未垂直对齐 (CSS/Bootstrap)

html - Q : Hovering In Html