ie8以下版本(包括ie8)的浏览器不支持html5标签属性解决方案(Modernizr 2.6.2插件的使用)
2014-08-12 09:30
1376 查看
今天脑抽想用html5标签设计一个网页,我本人用的是火狐浏览器,都弄好后我发现一个很严重的问题,除了ie9以下的浏览器都不能支持html5标签(article,aside,dialog,footer,header,section,footer,nav,figure,menu)。
我上网找了好多中方法,有网友说使用
<!--[if lt IE9]> <script> (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(', '); var i= e.length; while (i--){ document.createElement(e[i]) } })() </script> <![endif]-->
或者
<!--[if lt IE9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> //谷歌现在已经退出了中国市场(除了中国和朝鲜以外的国家都可以访问,呵呵~) <![endif]--> /*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
我都试过了,但是发现还是不行,我就很纳闷,于是我就“灵机一动”找了几个国外的网站解剖它发现原来是使用了Modernizr插件,我就死马当活马医放到了网页中,结果不出我所料果然所有的html5标签都可以支持,我用ie11的开发者模式调试了ie6-ie8都没有问题,甚至无聊的我还测试了ie5也可以完美支持。
其实这个Modernizr插件的功能很强大还不止这些如果想要了解更多的资料可以点击官网查看。
这是一遍中文的简介挺好的可以看看哦~说了这么多,还是把插件拿出来分享,狠狠点击这里下载,直接在head那边添加
<script src="http://haiqiancun.com/file/demo/custom.modernizr.js"></script>
这个外链插件脚本让你的页面不在烦恼。
这个是我的qq:419268793,欢迎志同道合的朋友。
原文地址http://haiqiancun.com/bbs/bbsPage/0/detail/297e9e7946a599780146a5a38dde0003/1/20140812090617
相关文章推荐
- ie8以下版本(包括ie8)的浏览器不支持html5标签属性解决方案(Modernizr 2.6.2插件的使用)
- ie8以下版本(包括ie8)的浏览器不支持html5标签属性解决方案
- ie8下面版本号(包含ie8)的浏览器不支持html5标签属性解决方式(Modernizr 2.6.2插件的使用)
- 兼容IE8以下浏览器input表单属性placeholder不能智能提示功能,以及使用jquery.validate.js表单验证插件的问题处理
- 使用js检测浏览器是否支持html5中的video标签的方法
- 使用Modernizr 检测HTML5和CSS3浏览器支持功能 (转自http://www.adobe.com/cn/devnet/dreamweaver/articles/using-modernizr.html)
- IE9以下版本浏览器对HTML5新增标签不识别,导致CSS不起作用的问题
- 如何让低版本的IE浏览器(IE6/IE7/IE8)支持HTML5 header等新标签
- 使用js检测浏览器是否支持html5中的video标签的方法
- 实现div的背景图片在各个浏览器上自适应显示:即backgroun-size属性不支持低版本ie的解决方案
- input标签placeholder属性IE8及以下版本的兼容性问题
- HTML5 - 判断浏览器是否支持html5某个功能(使用modernizr.js)
- HTML5----IE低版本支持HTML5标签方法,css 浏览器网页兼容性
- 处理不支持HTML5/CSS3特性的旧版本浏览器问题(Modernizr 的用法)
- 解决IE8以下浏览器不支持CSS属性opacity的问题
- 在使用Vs2013打开Vs2008的解决方案时出现了以下错误:此版本的应用程序不支持其项目类型(.csproj)
- 转: 让html5标签在ie8及以下的被正确解析的解决方案
- 让 IE9 以下的浏览器支持HTML5标签 和 CSS3选择器
- 让IE9以下版本的浏览支持html5标签,CSS3选择器,圆角,投影功能
- html5表单属性插件支持各种浏览器