2012-07-22 52 views
1

我想让IE7呈现HTML5使用html5shiv;我以为html5shiv会解决这些问题。但是,Internet Explorer的调试栏仍在持续关注HTML5标签。HTML5 html5shiv和IE7

debugbar_output

我怎样才能解决这个使用html5shiv使用而不debugbar错误同一HTML5内容?

<!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 2012-07-22 16:21:45

回答

9

你不知道。 html5shiv只能够设置这些元素的样式。 IE7仍然不会了解它们。

0

我也有越来越html5shiv问题在IE测试工作(假设你使用IE浏览器测试仪),我发现,当我强迫IE8不会发生使用标签来模拟IE7,像这样:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7;"> 

(查看我对类似问题的回答here)。基于这种经验,我怀疑IE测试人员可能对html5shiv有问题:在实际的IE7中测试你的页面可能是值得的,以确保这里真的存在问题。