HTML5 shiv在IE9中破坏了我的代码

时间:2014-09-08 18:53:28

标签: javascript html html5

我刚刚开始在IE9中测试我的应用程序,现在由于此代码段而得到一个空白页:

<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script><![endif] -->

我使用这个HTML5垫片来支持IE6-IE8中的HTML5元素。

基本上,页面一旦到达此代码就会停止呈现。

我知道IE9支持条件评论。我有其他页面使用它们,它们渲染得很好。

我为这段代码设置了几行兼容性,如下所示:

<meta http-equiv="X-UA-Compatible" content="IE=8" />
但是,我不知道为什么它会在这里破裂。有什么建议?

1 个答案:

答案 0 :(得分:4)

您可以按照此顺序执行此操作,并尝试使用IE=edge代替IE=8

<![endif] -->标记中有空格,您应将其删除并使用<![endif]-->

<强> HTML:

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    .....................................................
    .....................................................

    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>