0

我正在使用 html5shiv 来启用 HTML5 元素的样式。

当我克隆具有 HTML5 子元素的非 HTML5 元素（并且只有非 HTML5 元素）时，IE8 无法识别该子元素。

在以下示例中，第一部分是粉红色的，而克隆版本不是。

<!doctype html>
<html>
<head>      
    <style>
        div section { background:#f0f; display:block; }
    </style>

    <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>

    <script>
        jQuery(function ($) {
          $('#article').append($('div').clone());
        });
    </script>
</head>
<body>
    <article id="article">
        <div><section>This section should have a pink background.</section></div>
    </article>
</body>
</html>

jsbin 示例：http: //jsbin.com/yuqeriwoxeqa/1/

4

1 回答 1

0

这是 IE8 本身不支持 html5 元素的结果。尝试以下两种解决方案之一：

$('#article').append($('div').get(0).cloneNode());或http://pastie.org/935834

于 2014-11-05T16:44:18.123 回答