IE是我们上网必不可少的东西,但是随着新生事物的发展和网页技术的不断革新,在很多方面IE的浏览效果和用户体验已跟不上时代的步伐了,IE浏览器已远远滞后于Google Chrome(谷歌浏览器)和Mozilla Firefox(火狐浏览器)。而如何让新的网站构架兼容早期的IE浏览器呢?下面提到的三种方法能够快速轻松的让你的HTML5&CSS3网站在微软的主要浏览器中也能神奇的运行:
Remy开发的HTML5shiv工具能利用JavaScript在老式IE里创建main,header,footer等HTML5元素。可以使用JavaScript创建这些本来不存在的HTML5新元素,这个脚本几乎是所有正式在线网站必用的js。
<!--[if lt IE 9]> <script src="dist/html5shiv.js"></script> <![endif]-->
Selectivizr.js是一款非常神奇的工具,它能提供大量IE不支持的CSS选择器和属性,包括所有的last-child选择器。在网站中使用selectivizr.js,可以让网站毫不走样的在老式IE浏览器的正常显示。下面代码片段:(新技术网站项目不可缺少的js库)
<!--[if lte IE 8]><script src="js/libs/selectivizr.js"></script><![endif]-->
3、<html>条件判断注释
<!DOCTYPE html> <!--[if lt IE 7 ]> <html class="ie6 lazy " lang="en"> <![endif]--> <!--[if IE 7 ]> <html class="ie7 lazy " lang="en"> <![endif]--> <!--[if IE 8 ]> <html class="ie8 lazy " lang="en"> <![endif]--> <!--[if IE 9 ]> <html class="ie9 lazy " lang="en"> <![endif]--> <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
这段代码不需要JavaScript的支持,更不需要等待JavaScript的加载,定义的CSS样式会立即生效,没有因为加载而变得缓慢。