html5在ie8及以下的兼容性问题
2014-07-15 14:52
288 查看
今天改了一个模板,直接运行在ie8中没有出现问题,改到jsp中发布到服务器上,导航部分和网页底部的效果乱了,一查发现是ie8把
<footer>这里是footer部分</footer>
解析成了
<footer/>这里是footer部分</footer/>
这个后果就造成了针对footer,header,aside等的css全部失效。
解决方法:
<script type="text/javascript">
document.createElement('header');
document.createElement('nav');
document.createElement('figcaption');
document.createElement('figure');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');</script>
或
<script type="text/javascript">(function(){var e="abbr,article,aside,audio,canvas,datalist,details,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i]);}}());</script>
或引入Google的html5兼容性js,建议下载到本地引入
<script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<footer>这里是footer部分</footer>
解析成了
<footer/>这里是footer部分</footer/>
这个后果就造成了针对footer,header,aside等的css全部失效。
解决方法:
<script type="text/javascript">
document.createElement('header');
document.createElement('nav');
document.createElement('figcaption');
document.createElement('figure');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');</script>
或
<script type="text/javascript">(function(){var e="abbr,article,aside,audio,canvas,datalist,details,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i]);}}());</script>
或引入Google的html5兼容性js,建议下载到本地引入
<script type="text/javascript" src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
相关文章推荐
- 【HTML5】html5在ie8及以下的兼容性问题
- document.getElementsByClassName在ie8及其以下浏览器的兼容性问题
- ie8及其以下版本兼容性问题之响应式
- input标签placeholder属性IE8及以下版本的兼容性问题
- document.getElementsByClassName在ie8及其以下浏览器的兼容性问题
- ie8及其以下版本兼容性问题之placeholder实现
- document.getElementsByClassName在ie8及其以下浏览器的兼容性问题
- document.getElementsByClassName在ie8及其以下浏览器的兼容性问题
- document.getElementsByClassName在ie8及其以下浏览器的兼容性问题
- ie8及其以下版本兼容性问题之文本省略
- Raphael.js image 在ie8以下的兼容性问题
- ie8及其以下版本兼容性问题之圆角
- ie8 支持html5 标签及ie8 中jQ版本兼容性问题
- ie8及其以下浏览器的document.getElementsByClassName兼容性问题
- 原生js方法document.getElementsByClassName在ie8及其以下的兼容性问题
- html5中解决IE8及以下的兼容问题
- IE8以下版本不支持动态创建的HTML5元素?
- 解决DIV+CSS设计在IE6/IE7/IE8/火狐-兼容性问题
- IE6、IE7、IE8、Firefox兼容性问题
- IE8和IE7下js的兼容性问题