IE低版本兼容HTML5 元素

2017-06-28  本文已影响0人  hyperRect

1 JS Hack

<!--[if lt IE 9]> 
<script> 
   (function() {
     if (! 0) return;
     var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', ');
     var i= e.length;
     while (i--){
         document.createElement(e[i])
     } 
})() 
</script>
<![endif]-->

2 引入H5 shiv 包

<!--[if lt IE9]> 
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

另: 需为低版本中没有语义化的元素 初始化样式(可以加入更多)

article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

另 : 兼容不使用JS的客户端

<!--[if lte IE 8]> 
<noscript>
     <style>.html5-wrappers{display:none!important;}</style>
     <div class="ie-noscript-warning">您的浏览器禁用了脚本,请<a href="">查看这里</a>来启用脚本!或者<a href="/?noscript=1">继续访问</a>.
     </div>
</noscript>
<![endif]-->
上一篇 下一篇

猜你喜欢

热点阅读