2012-07-22 3 views
1

html5shiv을 사용하여 IE7 렌더링 HTML5를 만들려고합니다. 나는 html5shiv가이 문제점을 고칠 것이라고 생각했다. 그러나 Internet Explorer의 디버그 바는 여전히 HTML5 태그에 대해 열중하고 있습니다.HTML5 html5shiv 및 IE7

debugbar_output

어떻게이 debugbar에서 오류없이 같은 HTML5 컨텐츠를 사용하는 html5shiv를 사용하여 해결할 수 있습니까?

<!DOCTYPE html> 
<!-- 
    See this page for language codes: 
    http://tlt.its.psu.edu/suggestions/international/web/tips/langtagscript.html 
--> 
<html class="no-js" lang="en-US"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <title>HTML5 Page Template</title> 
    <!-- 
     html5shiv via CDN 
     Provides HTML5 support in hateful IE versions 
     CDN: http://cdnjs.com/ 
    --> 
    <!--[if lt IE 9]> 
     <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6/html5shiv.min.js"></script> 
    <![endif]--> 
    </head> 
    <body> 
    <div id="page"> 
    <header> 
     <h1><a href="#">Standard HTML5 Page</a></h1> 
    </header> 
    <nav> 
     <ul> 
     <li><a href="#">Home</a></li> 
     <li><a href="#">Archives</a></li> 
     <li><a href="#">About</a></li> 
     </ul> 
    </nav> 
    <section id="featured"> 
     <article> 
     <header> 
      <h1><a href="#">Title Foo1</a></h1> 
     </header> 
     <section> 
      <p>Lorem ipsum...</p> 
     </section> 
     </article> 
     <article> 
     <header> 
      <h1><a href="#">Title Foo2</a></h1> 
     </header> 
     <section> 
      <p>Lorem ipsum...</p> 
     </section> 
     </article> 
    </section> 
    <section id="ads"> 
     <a href="http://careers.stackoverflow.com/">Get a better job!</a> 
    </section> 
    <footer> 
     <p>Insert footer info here</p> 
    </footer> 
    </div> 
    </body> 
</html> 
+0

DebugBar는 IE의 타사 추가 기능입니다. 당신이하고있는 일이 IE 해킹이라고 감안할 때, DebugBar는 IE가 실제로하고있는 것을 정확하게보고하지 않을 수 있습니다. – Spudley

답변

9

그렇지 않습니다. html5shiv를 사용하면 이러한 요소의 스타일을 지정할 수 있습니다. IE7은 여전히 ​​그들에 대해 알지 못할 것입니다.

:
0

는 또한 html5shiv을 받고 문제, 태그를 사용하여 IE7 에뮬레이션과 같이하는 내가 IE8을 강제 할 때 발생하지 않습니다 내가 찾은, (당신이 IE 테스터를 사용하는 가정) IE 테스터에서 일 했어
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7;"> 

(내 대답은 here 참조). 이 경험을 바탕으로, 나는 IE Tester가 html5shiv에 문제가있을 수 있다고 의심합니다. 실제 IE7에서 페이지를 테스트하여 실제로 문제가 있는지 확인하는 것이 좋습니다.