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

日期:01-25  浏览:

虽然后来微软对浏览器进行了大量的研发,但事实是现代IE浏览器在大多数时候比基于webkit的浏览器以及火狐要落后一些。我们也还需要适配早期版本的IE。下面的方法会让你的网站更快,甚至在微软旗舰浏览器上奇迹般地运行得更好!

htmlshiv.js

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

复制代码
代码如下:

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


selectivizr.js

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

复制代码
代码如下:

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

现代项目绝对必须的。只在老IE时才加载

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


这个代码片段不需要或等待JavaScript,而且也不需要重量级的JavaScript库。你定义的styles类立即生效,还没有闪屏。

尽管 Internet Explorer 正在迎头赶上竞争对手,但事实上老的IE浏览器仍然比较流行,特别是在发展中国家。好消息是,这些资源在所有现代浏览器上运行良好,代价也并不高!
上一篇:HTTP返回码大全(中英解释)
下一篇:让网站图片生成灰色效果的三种方法

网友评论


点击图片更换


查看更多评论
 

推荐文章

Warning: file_put_contents(/home/beiniaofbzepi7n3ica1o/wwwroot/diannao_wang/caches/caches_tpl_data/caches_data/387d5bf07798bab12a1d72d82d8a6089.cache.php): failed to open stream: Permission denied in /home/beiniaofbzepi7n3ica1o/wwwroot/diannao_wang/phpcms/libs/classes/cache_file.class.php on line 60 ·网页设计教程(1):步骤和整体布局
·从image/x-png谈ContentType(s)
·三种方式实现元素水平居中显示与固定布局和流式布局概念理解
·个人看法:谈谈设计
·重复提交、重复刷新、防止后退的问题以及处理方式分析
·设计理论:字体设计的基本知识
·超大字体排版的40个网页设计欣赏
·网页改版的7大要素分享 网页改版有哪7大要素