css - 应用于 HTML5 元素的类未使用 Modernizr 在 IE8 中应用

标签 css html internet-explorer-8 modernizr

我正在使用包含 html5shiv v3.7 的 Modernizr 自定义构建

在我的标记中,我将类应用于 HTML5 元素,如下所示:

<article class="white_text">This text is white</article>

CSS 应该是这样的:

.white_text { color: white; }

这在我需要测试的所有浏览器中都按预期工作,但类“white_text”的属性未在 IE8 中应用。我可以确认 html5shiv 工作正常,因为

article { DISPLAY: block }

出现在IE8的文档中。

为了在 IE8 中将样式应用于 HTML5 元素,我需要重写标记以使用非语义标记(例如 .

我实现 Modernizr 的方式有问题吗?

解决方案(感谢 Pinal): Modernizr 脚本必须放在文档的头部。

最佳答案

html5shiv 必须在头顶,在所有脚本和样式表之前。

关于css - 应用于 HTML5 元素的类未使用 Modernizr 在 IE8 中应用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20076597/

相关文章:

html - 绝对元素不与固定位置div重叠

javascript - 我如何居中 Bootstrap 的轮播?不是图片,是轮播本身

javascript - 带有 AnyChart 的资源甘特图无法更改图表高度

html - 是否有原生内联 block HTML 'container' 元素?

javascript - 动态添加ShareThis按钮时删除或自定义 "via @ShareThis"

html - <td> 中的旋转文本在 Windows Internet Explorer 8 (IE8) 中无法正确显示

javascript - IE < 9 + HighCharts 不渲染系列

css - 使用 sass 而不是 css angular 4 .net core 2 spa 模板

html - 像电脑键盘一样在图像上对齐文本

javascript - IE8 在 JavaScript/jQuery 中减法错误?