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

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]-->

 

转载于:https://www.cnblogs.com/yeqrblog/p/6347204.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值