html5新元素(header,nav,footer,..)在IE中不起作用

Question

html5新元素(header,nav,footer,..)在IE中不起作用

Answer 1

您需要包含HTML5 shiv脚本,以便在旧的IE浏览器中设置HTML5元素的样式:http://code.google.com/p/html5shiv/

要使用,请在CSS上方的元素中包含以下脚本:

<!--[if lt IE 9]>
<script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->

Run Code Online (Sandbox Code Playgroud)

@Michael Dillon - 从技术上讲,它是一个垫片,但在John Resig意外创造这个术语之后,它被称为"html5 shiv"(http://paulirish.com/2011/the-history-of-the-html5 -shiv /) (5认同)

Answer 2

And*_*all 13

您需要使用HTML5 Shim.以下是为何需要这样做的详细说明.

要使用HTML5 Shim,您只需要在页面中添加以下<head>所有CSS声明:

<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Run Code Online (Sandbox Code Playgroud)

Answer 3

mpd*_*dio 10

另一种选择是使用Modernizr,它包括HTML5 Shiv,还提供HTML5特征检测.

IE Modernizr中的HTML 5元素在JavaScript中运行一个小循环,以启用HTML5(以及abbr)中的各种元素,以便在Internet Explorer中进行样式设置.请注意,这并不意味着它突然使IE支持Audio或Video元素,它只是意味着您可以使用section而不是div并在CSS中设置它们的样式.你也可能想要设置许多这些元素来显示:block; 请参阅HTML5 Boilerplate CSS以获取示例.从Modernizr 1.5开始,这个脚本与流行的html5shim/html5shiv库中使用的脚本相同.两者都可以在IE6-8中实现HTML5元素的可打印性,但如果你有超过100kb的css,你可能想要尝试性能.

支持的浏览器我们支持IE6 +,Firefox 3.5 +,Opera 9.6 +,Safari 2 +,Chrome.在移动设备上,我们支持iOS的移动Safari,Android的WebKit浏览器,Opera Mobile,Firefox Mobile,虽然我们仍在进行更多测试,但我们相信我们支持Blackberry 6+.~ http://modernizr.com/docs/#html5inie

至少以下标签: article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section

归档时间：	14 年，6 月前
查看次数：	41700 次
最近记录：	6 年，5 月前