前端开发 HTML5 CSS3 HTML CSS JavaScript jQuery Bootstrap

IE下不支付HTML5块元素最佳解决方案

HTML5 HTML我帮您 1年前  10次浏览
HTML5 定了 8 个新的 HTML 语义(semantic) 元素。所有这些元素都是块级元素。
为了能让旧版本的浏览器正确显示这些元素,你可以设置 CSS 的 display 属性值为 block:
header, section, footer, aside, nav, main, article, figure {
display: block;

}

甚至一些普通用户都已经知道了HTML5的存在,各大网站也蠢蠢欲动,身为站长的呢是不是心痒痒了呢,来吧,一个迷你JS脚本,就可以让你的网站兼容IE浏览器。

html5shiv主要解决HTML5提出的新的元素不被IE6-8识别,这些新元素不能作为父节点包裹子元素,并且不能应用CSS样式。让CSS 样式应用在未知元素上只需执行 document.createElement(elementName) 即可实现。html5shiv就是根据这个原理创建的。

针对IE浏览器html5shiv是比较好的解决方案。
你可以用IE条件注释来调用这个js文件,这样像FireFox等非IE浏览器就会忽视这段代码,也就不会有无谓的http请求了。下面这段代码仅会在IE浏览器下运行:


		            	
		            	
		            

发表评论