让网站支持老版本IE6、7、8、9浏览器的3种解决方案

1.htmlshiv.js

Remy的 HTML5shiv通过JavaScript 来创建HTML5元素(如 main, header, footer等).在某种程度上通过JavaScript 创建的元素是 styleable(可样式)的。我们可以花很多时间来思考其运行原理,但谁会在乎呢?这种策略在所有产品网站上仍然是必须使用的.

代码如下:

 <!--[if lt IE 9]>

 <script src="dist/html5shiv.js"></script>

 <![endif]-->

2.selectivizr.js

Selectivizr.js 是一个不可思议的资源,用于填充不支持的CSS选择器和属性,包括重要的 last-child。在最近的重设计中,我嵌入了 selectivizr,并在更老的 IE 浏览器上也不会错过任何细节。下面是实现代码:

代码如下:

 <!--[if lte IE 8]>

 <script src="js/libs/selectivizr.js"></script>

 <![endif]-->

只在老IE时才加载。

3.<html> Conditional Comments

下面这样最土的情况你肯定看到过。但无论丑陋与否,事实上这段代码完全按预期的方式运行:

代码如下:

 <!DOCTYPE html>

 <!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]-->

 <!--[if IE 7 ]> <html class="ie7" lang="en"> <![endif]-->

 <!--[if IE 8 ]> <html class="ie8" lang="en"> <![endif]-->

 <!--[if IE 9 ]> <html class="ie9" lang="en"> <![endif]-->

 <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->

巴特西

让网站支持老版本IE6、7、8、9浏览器的3种解决方案

最新文章

热门文章