随笔- 200 文章- 336 评论- 6222 阅读- 477万

IE6、IE7、IE8共存方法

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>

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

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