IE8 복제 된 부모 요소 내의 HTML5 요소가 인식되지 않습니다.

HTML5 요소의 스타일을 사용하기 위해 html5shiv를 사용하고 있습니다.IE8 복제 된 부모 요소 내의 HTML5 요소가 인식되지 않습니다.

HTML5 요소 하위가있는 비 HTML5 요소 (및 비 HTML5 요소)를 복제 할 때 하위 요소는 IE8에서 인식되지 않습니다.

다음 예에서 첫 번째 섹션은 분홍색이며 복제 된 버전은 분홍색입니다. 예 jsbin

<!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>

: http://jsbin.com/yuqeriwoxeqa/1/

출처

2014-09-25 Paul Verbeek-Mast