让IE支持HTML5的三种方法
今天的会员店铺页面突然全部错位，经过测试IE6-IE9下都错位，谷歌和火狐正常，原来都是正常的！
立即对CSS进行修改，弄半天都无法将样式重新定位，仔细一看，原来不是使用DIV，而是全部使用HTML5的标签，例如article,aside,dialog,footer,header,section,footer,nav,figure,menu等等…
恍然大悟，IE目前好像不支持html5标签区分大小写HTML5吧，于是搜索了一下，解决IE不支持HTML5的办法，有3种，如下：
第一种方法（原理：识别标签）：
引用Google的html5.js文件到head部分，记住一定要是head部分（因为IE必须在元素解析前知道这个元素，所以这个js文件不能在其他位置调用，否则失效）
第二种方法（原理：使之成为块级元素）
在css里面加上这段：
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
第三种方法（使用JS定义，原理同第一种）
Javascript代码：
ateElement(“elementName”).style.display = “block”;
我目前暂时使用第一种，调用Google的html5.js，调用后，页面全部恢复正常！^_^
原文链接 - 我的工作笔记：
www.thinkifu/work/build/design/ie-support-for-html5.html

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。