首页 > Web开发 > 详细

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

时间:2017-01-24 16:03:15      阅读:292      评论:0      收藏:0      [点我收藏+]

1.htmlshiv.js

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

代码如下:

1 <!--[if lt IE 9]> 
2 <script src="dist/html5shiv.js"></script> 
3 <![endif]-->

2.selectivizr.js

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

代码如下:

1 <!--[if lte IE 8]>
2 <script src="js/libs/selectivizr.js"></script>
3 <![endif]-->

只在老IE时才加载。

3.<html> Conditional Comments

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

代码如下:

1 <!DOCTYPE html> 
2 <!--[if lt IE 7 ]> <html class="ie6" lang="en"> <![endif]--> 
3 <!--[if IE 7 ]> <html class="ie7" lang="en"> <![endif]--> 
4 <!--[if IE 8 ]> <html class="ie8" lang="en"> <![endif]--> 
5 <!--[if IE 9 ]> <html class="ie9" lang="en"> <![endif]--> 
6 <!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->

 

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

原文:http://www.cnblogs.com/yeqrblog/p/6347204.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!