①使用HTML5 shiv脚本来解决这个问题,将下边代码复制到head部分就OK了。
<!--[if IE]><script
src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>< ![endif]-->
当然引用本地文件也可以
当然引用本地文件也可以
②也可以把代码拿出来自己看着搞搞:
(function(){
if(!/*@cc_on!@*/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(','),i=e.length;
while(i--){
document.createElement(e[i])
}
})()
最后在css里面加上这段:
/*html5*/article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
③想要IE渲染新的元素属性,如果你想尝试,为每个想要在页面中使用的HTML5元素都执行一个JavaScript语句。例如用到<header>:
<!--[if lte IE 8]><script>document.createElement("header");</script>< ![endif]-->
这将强制IE使用css样式
这将强制IE使用css样式
④例如,在bootstrap中他们给出的基础代码中,他们是这么解决的
<!--<!– HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries –>-->
<!--<!– WARNING: Respond.js doesn't work if you view the page via file:// –>-->
<!--<!–[if lt IE 9]>-->
<!--<script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>-->
<!--<script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>-->
<!--<![endif]–>-->
⑤HTML5 shiv需要使用JavaScript.如果不想用js,可以用基于XML的HTML5同胞兄弟XHTML5
以上为平时看书搜索学习总结积累,第一次写文章欢迎指正批评,么么哒。
⑤HTML5 shiv需要使用JavaScript.如果不想用js,可以用基于XML的HTML5同胞兄弟XHTML5
以上为平时看书搜索学习总结积累,第一次写文章欢迎指正批评,么么哒。