IE6、IE7、IE8共存方法

最新推荐文章于 2024-05-20 11:24:55 发布

初仔仔

最新推荐文章于 2024-05-20 11:24:55 发布

阅读量47

点赞数

文章标签： xhtml 操作系统

原文链接：http://www.cnblogs.com/JustinYoung/archive/2008/03/14/IE6_IE7_IE8.html

版权

2009年9月3日更新

本文是较老的文章，最新的共存方法，建议使用IETester最新版。最近版IETester的下载和介绍，请阅读文章《IETester更新至v0.3.5版已经兼容Windows7（附下载地址及Debugbar插件）》。

老文章正文开始

IE6、IE7、IE8共存

乱世，绝对的乱世！痛苦，无限的痛苦！无奈，绝望的无奈！现在的网页设计者无疑是web标准大时代到来之前的牺牲者。面对着众多浏览器，为了小小的页面能在各个浏览器上面展现正常，我们痛苦的忍耐和挣扎着。

当我们还在IE6和IE7兼容性，焦头烂额的时候，IE8又来插了一脚。这一脚，是真正的踹到了网页设计者的心窝子里，痛并快乐着……快乐，是让现在处于水深火热的网页设计者们看到了“web标准大时代”到来的可能性，但是，更多是一种痛——为了混口饭吃，我容易吗？我？

牢骚发完了，进入正题——

IE6和IE7共存

我在《IE6和IE7共存方法（别人是别人的，我是我的）》一文中，有非常详细的说明，这里就不再赘言了。

IE6、IE7、IE8大团圆

第一招：以桃代李

当已经有了IE6以及IE7绿色版以后，然后下载一个IE8安装程序（《IE8抢先尝试——色眼窥观版（多图）》一文中有最新下载地址）。安装以后，现在系统默认的浏览器变成了IE8，IE6貌似不能使用了。这时候，如果想用IE6的话，其实很简单的。只要找个用IE内核的第三方浏览器就可以了。傲游或者世界之窗都可以。可能是因为微软刚出IE8的beta1版，心里有点虚，所以，并没有强制那些使用IE内核的第三方浏览器使用IE8的内核。所以，用IE内核的第三方浏览器使用的依然还是IE6内核（前提是你安装IE8之前的时候，IE6是系统默认浏览器，而IE7是绿色版）。

第二招：木牛流马

第一招虽然简单，但是弊端较多。例如：如果，我已经安装了IE7浏览器（或者直接是vista操作系统），那么那些使用IE内核的第三方浏览器也已经是在使用IE7内核了，而不是IE6的内核。所以，最好的方法就是，能再来个IE6的绿色版就好了。这样，系统默认用IE8的，然后IE6和IE7用绿色的。绿色版的IE7已经有了，下载和使用方法可以从《IE6和IE7共存方法（别人是别人的，我是我的）》一文中得到。而IE6的绿色版其实也是有的，当然，这里也会提供下载——

点击此处下载IE6绿色版

这样利用IE6绿色版、IE7绿色版以及IE8安装版。我们就可以让IE6、IE7和IE8共存在一个系统里面了。下面是一个示例页面，能够测试出你IE浏览器的版本哦（其实只是证明各个浏览器对CSS的支持程度）——

<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="Keywords" content="YES!B/S!,web标准,杨正祎,博客园,实例代码" /> <meta name="Description" content="这是一个简单YES!B/S!文章示例页面,来自杨正祎的博客,http://justinyoung.cnblogs.com/" /> <title>YES!B/S!文章示例页面</title> <style type="text/css"> .testIE6,.testIE7{ display:none; } .testIE6{ _display:block; } #testArea > .testIE7{ *display:block; } a.testIE8:before{ content:"(如果你用IE浏览器看到这个超链接，说明你的浏览器是IE8.或其他)"; } </style> </head> <body> <div id="testArea"> <a class="testIE6" href="http://www.cnblogs.com" target="_blank" title="IE6、IE7、IE8共存"> 如果你用IE浏览器看到这个超链接，说明你的浏览器是IE6.或更低版本 </a> <a class="testIE7" href="http://www.cnblogs.com" target="_blank" title="IE6、IE7、IE8共存"> 如果你用IE浏览器看到这个超链接，说明你的浏览器是IE7. </a> <a class="testIE8" href="http://www.cnblogs.com" target="_blank" title="IE6、IE7、IE8共存"> </a> </div> </body> </html>

提示：可以先在文本框内，根据需要修改代码后再运行

让我们来看看最终的效果图吧——

IE6、IE7、IE8共存效果图

想看看这个测试页面，在FireFox、Opera和Safari下的显示效果吗？展开下面的区域看看吧。FireFox、Opera和Safari果然对CSS2支持的比较好。

FireFox、Opera和Safari下的显示效果图

同时推荐阅读《多IE版本共存的解决方案——IETester（推荐）》

转载于:https://www.cnblogs.com/JustinYoung/archive/2008/03/14/IE6_IE7_IE8.html

初仔仔

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
IE6、IE7、IE8共存方法

2009年9月3日更新本文是较老的文章，最新的共存方法，建议使用IETester最新版。最近版IETester的下载和介绍，请阅读文章《IETester更新至v0.3.5版已经兼容Windows7（附下载地址及Debugbar插件）》。老文章正文开始IE6、IE7、IE8共存乱世，绝对的乱世！痛苦，无限的痛苦！无奈，绝望的无奈！现在的网页设计者无疑是web标准大时代...
复制链接

扫一扫