常用的 CSS Hack 符号：

首先是一些最基本的参考资料，即在 CSS 样式表中：

1、微软 IE6 （Trident IV）可以识别“ * ”及“ _ ”号；

2、微软 IE7 （Trident V）可以识别“ * ”但不识别“ _ ”号；

3、火狐 FF3 （Gecko） Safari（WebKit）等标准浏览器对于“ * ”及“ _ ”都不能识别；

通常掌握以上的这几个区别就可以解决目前使用这些主流排版引擎及其衍生浏览器，由于其后的 IE8 在页面呈现上已经符合 W3C 的标准，所以基本上也就无需 Hack 了。但提供这些资料并非意味这是我们最好的选择，随着浏览器的更新及版本升级 CSS Hack 越来越不值得信赖而变得出现各种非预期效果及错误，所以如非必要尽量不要在你的项目中使用 CSS Hack 的方法。

我个人的推荐做法：

我个人比较推荐的做法是使用 IE 独有的条件注释包裹 CSS 引入语句 link 或 body 标签，或者使用 JavaScript 为页面 body 或 html 标签添加额外的 class 然后在 CSS 文件中使用对应的子选择器解决例如：

1、直接在引入 CSS 文件时用条件注释：



2、或是用条件注释给 html body 等标签添加额外的 class 属性：





     ... ... ... ...


3、又或纯 JavaScript 的方法：



4、或者是下面的几段超短代码区分 IE 与非 IE 浏览器：

var ie = !-[1,];
var ie = !+"\v1";
var ie = "\v"=="v";
var ie = 0/*@cc_on+1@*/;

// 挑战这些代码的简直都是天才！ ^_^

使用 JavaScript 的话可以偷懒使用 windows.XMLHttpRequest 这个方法来判断，因为高版本的 IE 或其他标准浏览器都已支持该方法，为什麽说是偷懒，因为这种方法并不准确。如果是仅区分 IE 核心和其他浏览器可使用 window.ActiveXObject 方法，该方法只有 IE 及其内核的浏览器支持。

如果你恰好在使用 jQuery 可以借助 jQuery.browser.version 方法为 body 标签添加一个包含浏览器版本的 class 或 id 以辅助 CSS 调整浏览器兼容性，而 ExtCore 默认就已经为 body 标签添加了浏览器核心及版本信息。

然后就可以使用诸如 body.ie6 或者 html.ie6 之类选择器的子选择器来定义特殊 CSS 样式了。当然有人会考虑那些禁用 JavaScript 的用户，我相信那些用户本身已经是高手了，这里我们打算暂且忽略了。 ^_^

· 当然最方便稳定的还是安装各个浏览器，唯一的问题是多版本的共存问题如 IE6 和 IE8 等等：

微软 Internet Explorer ；谋智 Firefox ；谷歌 Chrome ；苹果 Safari 等等。

· 然后是一些整合多个浏览器核心的桌面级应用程序：

【桌面应用】Debug Bar IE Tester（http://www.my-debugbar.com/）

IE Tester 可以同时以 IE5.5 IE6 IE7 IE8 核心来浏览网站 IE Tester 软件本身目前已经支持 Windows7 操作系统，推荐大家安装，毕竟 IE 的份额仍是统治地位。

【桌面应用】LunaScape（http://www.lunascape.tv/）

LunaScape 是号称世界上第一个也是目前唯一一个三引擎（核心）浏览器，分别是 Trident Gecko WebKit 可同时调试网站在这三种引擎下的前端呈现及功能运作。软件支持简体中文，但软件体积较大所以我自己在测试之后并没有在工作中使用这款软件。

【桌面应用】Microsoft Expression SuperPreview（http://www.microsoft.com/expression/）

Microsoft Expression 是微软出品的网站开发套件，刚刚发布的 Expression Web 3 里面就包含了 SuperPreview 组件可提供 PHP ASP ASP.NET 等网页在 Firefox 3.x 及 IE 6-8 的预览效果，非常不错需要的朋友可尝试搜索“388884480”自行寻找下载地址。

【桌面应用】Virtual PC & VMware & Virtual Box（VirtualPC VirtualBox vmWare）

虚拟机技术，同时也成为“网站多浏览器兼容性”测试的一种工具，其代表特点就是虽然仿真度高但代价也较高，使用诸如 Virtual PC 或 Virtual Box 之类的免费软件是个不错的选择，这里建议 Windows 用户使用 Microsoft Virtual PC 其他平台使用 Virtual Box 安装多个操作系统及浏览器测试网站。

· 上面提供了一些用于多浏览器测试的软件，当然还有提供多浏览器测试的网站或在线服务：

【在线测试】Adobe Browser Lab（http://browserlab.adobe.com/）

BrowserLab by Adobe 是奥多比刚刚公开测试的一款在线应用，站点基于 Flex 构建，可提供多种浏览器在多种平台上的呈现效果截图，但仅仅是截图，所以可能不能用来测试交互的功能，当然更适合用来测试 CSS 的最终效果。但该平台提供类似“洋葱皮”的对比效果，即将多种浏览器结果截图叠加并透明，这样可以更为精确的获得多浏览器兼容性建议。另该应用需要 Adobe ID 帐号登陆。

【在线测试】Browser Sandbox（http://www.spoon.net/browsers/）

Browser SandBox 是个相当有前途的创意，从页面上看出几乎囊括了目前所有主流浏览器的主流版本：IE6-8、Firefox2-3.x、Safari3-4、Opera9-10、Chrome 但网站本身需要安装插件支持，但我个人安装了插件之后 Chrome 直接挂掉，暂时还是不推荐大家使用了，淡定……

· 最后希望大家有好的工具推荐过来，可以直接在后面留言，我会及时更新这篇文章。但我个人并不是很推荐所谓的绿色版 IE6 等等，有一些朋友安装之后导致本机的 IE 不能很好的工作。

目前主流的浏览器下载地址：

Internet Explorer：微软的 IE 浏览器 Trident 核心，目前最新正式版本为 8.0 如果你的浏览器低于这个版本请务必尽快升级修补系统漏洞；

Google Chrome：谷歌 Chrome 浏览器 WebKit 核心，快速 标准 纯粹 如果说谷歌重新发明了浏览器一点也不为过；

Mozilla Firefox：谋智火狐浏览器 Gecko 核心，丰富的第三方插件使其成为程序员的最爱；

Apple Safari：捆绑于苹果的 MacOS 操作系统 WebKit 核心，提供有 Windows 版本；

Opera：来自挪威的 Opera 浏览器 Presto 核心，其移动版本的 OperaMini 和 OperaMobile 被预装在很多移动设备上如手机、游戏机等等，提供中转服务器帮助浏览者客户端提速；

当然还有很多基于 IE 内核的浏览器如：腾讯 TT 浏览器、傲游浏览器、奇虎 360 浏览器、搜狗浏览器、世界之窗等等，这些浏览器几乎全部使用 IE 内核相当于给系统捆绑的 IE 浏览器穿了一件衣服，提供一些实用的工具，比较适合国内用户习惯使用也非常方便。

中国网络浏览器市场份额现状：

点击查看大图

2010-05

（78.08%）Microsoft Internet Explorer：本月市场份额下滑到 78% 其中 IE6-64% IE7-9% IE8-6% 而 IE5-0.01% 所有的网页开发工作者包括微软自己也非常希望 IE6 及更旧的版本尽快消失；

（11.71%）Qihoo 360 Safe Explorer：凭借 360 安全助手庞大的装机量本月达到 11.7% 的市场份额，但其捆绑安装的方式让人很不愉快；

（2.87%）Maxthon：傲游浏览器本月已经不足 3% 的市场份额，下滑比较严重；

（2.74%）Tencent Traveler：以往超高人气的腾讯 TT 浏览器也下降到了 2.73% 的市场份额；

（0.86%）Mozilla Firefox：本月下降到了 0.86% 的市场份额；

（0.43%）Google Chrome：谷歌 Chrome 的份额开始稳定在 0.5% 左右；

（0.13%）Apple Safari：即使乔布斯如何宣扬售出了那么多的苹果设备，但其捆绑的 Safari 浏览器在国内仍是可怜的 0.13% 也相对稳定；

（0.06%）Opera：来自挪威的 Opera 浏览器本月下降较多降至 0.06% 做为最优秀的移动版浏览器似乎也受到了 Chrome 和 Safari 移动版的影响；

另外还有世界之窗（1.98%）和搜狗浏览器（1.10%）也占据了一些市场份额，但从以上数据来看除 IE 浏览器以外其他浏览器均受到 360 安全浏览器的影响，这与网民的普遍心理也有很大关系看到安全二字就觉得踏实，但起重要作用的应该是 360 安全浏览器与 360 安全助手捆绑的安装方式，仅在安装完成的最后一部默认勾选 360 浏览器这种做法实在让人很不愉快，更不用说之前的某些版本故意小聪明的加了选项延时……

2009-12

（80.02%）Microsoft Internet Explorer：其中 IE6-64% IE7-11% IE8-4% 其他版本忽略；

（5.64%）Qihoo 360 Safe Explorer：凭借 360 安全助手庞大的装机量上升速度非常快；

（4.29%）Maxthon：傲游浏览器份额有所下滑但并不严重，之前一直在 5% 左右徘徊；

（3.72%）Tencent Traveler：腾讯 TT 浏览器借助 QQ 推广但明显没有 360 那么流氓；

（1.49%）Mozilla Firefox：在国外非常流行的浏览器在国内情况不佳；

（0.52%）Google Chrome：谷歌 Chrome 的份额最近上升到 0.5% 左右；

（0.35%）Apple Safari：从浏览器份额上还是能发现苹果卖出了很多电脑；

（0.34%）Opera：来自挪威的 Opera 浏览器；

另外搜狗浏览器也上升到了约 0.90% 的市场份额应该得益于搜狗输入法庞大的装机量……

世界网络浏览器市场份额现状：

点击查看大图

我们先抛开具体浏览器名称，单就内核说事，微软的 IE 浏览器内核目前在国内仍占据绝大部分份额其重要原因有两个：一是操作系统捆绑的原因，好多人还根本不知道 什么是浏览器 仅仅知道桌面上那个大 e 是用来上网的而已；二是目前国内多数网站对于非 IE 内核的浏览器不兼容，其中也包括国内一线网站的很多页面，部分朋友刚想试用一下其他浏览器却发现好多网页无法正常浏览，虽然这是网站前端工程师的责任但却无形之中阻碍了标准浏览器的普及。

好在最新的 Internet Explorer 8 已经通过了 ACID2 的测试，即在 IE8 下网页是以 W3C 的标准模式渲染，但这将导致 IE8 与 IE7 或 IE6 的页面渲染情况会有明显区别，国内的多数网站目前仅仅是兼容 IE6 版本的浏览器，这点仍然阻碍了 IE8 的普及，而标准浏览器不能得到普及，这些非标准网站也不愿意投入精力和成本去重构自己的网站，本身就是一个矛盾体。

另据最近某些组织对于主流浏览器在 WinXPsp3 和 Win7rtm 两个平台上做了一些简单的速度测试，通过结果我们发现小部分浏览器在 Win7 上的运行速度已经超越其在 WinXP 上的运行速度，其中包括有 Google Chrome 3 及 Opera 10 等……

最近的一则好消息是微软已于 2010 年 9 月发布的其 IE 浏览器最新版本的测试版 IE 9 Beta 的下载，虽然是测试版但据我个人试用来说几乎是微软 IE 浏览器的又一次革命，相比较之前的版本 IE9 在速度上可谓突飞猛进，我个人感觉上渲染速度已经仅次于谷歌 Chrome 浏览器而超越了火狐 Firefox 浏览器，但这仅仅是主观感觉并不准确，而且新版的 IE 浏览器加入了硬件加速但缺陷是仅支持 Vista 以上的操作系统，占据国内多数 PC 机的 WindowsXP 将无缘 IE9 浏览器……

从上表中看出，在当前主流的四款 Windows 平台浏览器里 Opera 9.5 表现非常出色，而且早在 8.x 版本的 Opera 就已经早于 Firefox 和 IE 通过 W3C 的 Acid2 测试，所以非常推荐大家使用，我知道 Firefox 的插件如何强大如何的多，但对于普通用户来说，我们只是需要一个渲染迅速的浏览器。

下载页面

其实 Opera 更多被使用在各种移动设备上，例如：任天堂的 DS

当然还有 Wii 还有 Moto 的 Linux 系列手机等等。。。

在桌面右键选择“属性”打开“显示属性”面板，切换到“桌面”选项卡，点击“自定义桌面”按钮，打开“桌面项目”面板，然后按一下键盘上的 i 键，看不出什么效果，但一路确定以后，会看到久违的 IE 图标回到了桌面。

如图，就是在这个面板活动时按键盘上的 i 键，然后一路确定即可打开 IE 的桌面快捷方式。

http://www.microsoft.com/windows/products/winfamily/ie/ie8/getitnow.mspx

安装过程：下载以后其安装过程非常简单，一路 Next 而已，安装过程可能需要网络连接下载一些必须文件，所以建议安装时不要勾选“Install Updates” 这样安装时可以跳过更新步骤；（需要 WindowsXP-KB946501-v2-x86-CHS 补丁）

资源占用：内存资源占用 IE8 明显比 IE7 要多些，但 CPU 资源占用相当；

服务整合：这次，微软充分利用了浏览器的便利性，直接将目前各项 Live 服务整合于 IE8 中。点击工具栏 “Page” 打开下拉菜单，可看到 Windows Live Mail、Windows Live Spaces 等赫然其中，直接点击即可进入这些页面。除了邮件和 Blog 之外，还包括了 Windows Live 的地图和翻译服务，菜单中的 “Translate With Windowns Live” 就能让你直接使用在线翻译服务；

加载项功能：加载项功能在 IE7 的基础上进行了强化和扩展，添加了更高级的管理功能，添加、删除、禁用、启用加载项等；

高级的安全：添加了一系列安全相关的功能模块，反钓鱼、隐私清理等；

IE7 工作模式：经过我自己测试 IE8 已经通过 Acid2 的 W3C 标准测试，所以在页面呈现上肯定会与 IE7 有很大不同，介于目前多数网站兼容 IE6 和 IE7 ，所以在IE8下浏览会出现较大的呈现问题，所以 IE8 工具栏上有一个 IE7 工作模式按钮 “emulate IE7” ，按下时页面呈现会与 IE7 保持一致，（这里如果能任意选IE版本的话就给我们网页程序员带来很大方便了^_^）；

开发工具：在“Tools”菜单下有一个“developer tools”,主要针对开发人员使用。让他们可以用不同的3种模式浏览效果（图9）：1.Quirks mode：保持与 IE5 旧有内容的兼容性；2.Strict mode：与IE7一样，兼容现有内容；3.Standards：对于开发人员，如果需要最好的兼容IE8，可以通过使用简单插入元素来实现更好的兼容性；IE8正是在该模式下通过了Acid2测试；

故障恢复：许多使用IE外壳浏览器的朋友，对自动故障恢复这个功能一定不陌生。每当浏览器出现意外崩溃之后，再度启动浏览器时，会自动恢复崩溃时的页面。这次微软看来时吸收了这些IE外壳浏览的灵感，IE8也加入了此类功能，命名为Automatic Crash Recovery。崩溃之后，再度启动IE8，将出现如图所示提示信息，点击“Restore last Session”即可恢复到最后浏览的页面；

最后给个预览，容易看到微软给了IE8一个首页，注意看 IE8 的地址栏，很有意思，会突出显示网站的顶级域名……

浏览器内核主要有4个，Trident（IE）、 Gecko（Firefox）、WebCore（Safari）和Presto（Opera），但基于这些内核的浏览器却不止4的20倍，有些很少用到，有些却已经替代了传统的浏览器。

看着N多浏览器对同一页面呈现的问题，到底哪一款浏览器才是真正符合我们的 Web 标准呢。。今天我使用 http://www.webstandards.org/ 网站的 acid2 对我自己电脑上的几个浏览器进行了呈现测试，其结果如下：

首先看一眼符合 Web 标准的正确页面呈现效果（很卡哇伊的一个小笑脸）：

Opera 9 完全正确呈现，你会在很多移动设备上看到这款浏览器，像 Moto 的 Linux 手机系列，任天堂的 Wii 和 NDS。我们再来看看来自 Mozilla 的 Firefox 2 和 Firefox 3，嗯，Firefox 2 有点问题了。我们看看 Firefox 3b1，也非常棒，正确呈现，看来用 2 的朋友要尽快升级了。然后我们看看来自 Apple 的 Safari 3，也有点问题，但还在接受的范围内^_^。最后我们看看用户最多的 Microsoft 的 Internet Explorer 6，一塌糊涂！！完全不知所谓，似乎这个测试在故意刁难微软，那再看看 IE7 不思悔改吗？也不完全这样，好在 2007 年底微软给了我们一个好消息，IE8 将通过 acid2 ……

更多浏览器品种可参考：

http://static.chinavisual.com/storage/contents/2007/12/19/46080T20071219101410_1.shtml

]]> http://nan.im/blog/18/feed 1