css - css 选择器链中的 html 5 个元素

Question

这里有一个工作示例

我已经运行了 Modernizr；我有

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

...在 css 中，但在 IE8 及以下样式中不携带，即使元素正确包装了子元素？

谁能告诉我我做错了什么？

谢谢

詹姆士

Answer 1

据我所知，您没有在源代码的任何地方包含modernizr。

我确实注意到您require.min.js在页面底部有一个缩小的脚本。如果该脚本动态加载modernizr，它将破坏HTML5 shiv，因为在DOM 中使用任何元素之前document.createElement需要在旧版本的IE 中调用。

来自Modernizr 文档：

将脚本标签放在 HTML 中。为了获得最佳性能，您应该在样式表引用之后让它们跟随。我们建议将 Modernizr 放在头部的原因有两个：HTML5 Shiv（在 IE 中启用 HTML5 元素）必须在 .防止FOUC。

Answer 2

在 IE8 及以下版本中，元素显示为</element/>，对吗？

您将需要使用为您翻译元素的东西。例如，您可以使用HTML5 Shiv让浏览器正确理解元素。