CSS样式设置默认样式:
<style> article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } </style>
JS中:
<!--[if lt IE 9]> <script type="text/javascript"> var e=("abbr,article,aside,audio,canvas,datalist,details,"+ "figure,footer,header,hgroup,mark,menu,meter,nav,output,"+ "progress,section,time,video").split(','); for(var i=0;i<e .length;i++){ document.createElement(e[i]); } </script> <![endif]-->
=========================================================
再者还有一种办法就是用框架的方法,用到条件注释加JS代码实现
代码如下:
<!--[if lt IE 9]>
<script src="html5shiv.js"></script>
<![endif]-->
直接加入这一句代码就可实现兼容问题,关于条件注意中的
是判断是否小于IE9以下浏览器,如果是就执行这段JS代码 ,如果不是,就忽略掉。至于JS中的链接直接打开进去看看就知道了,也是一大段的代码。