normal
.sampleCss {
height:10px;
}

FF & IE8/7/6
.sampleCss {
height: 10px;
height: 10px\9;
*height: 10px;
_height:10px;
}

Firefox 2及以前版本
body:empty .selector {
height:10px;
} 或
#selector[id=SELECTOR] {
height:10px;
} 或
html>/**/body .selector, x:-moz-any-link {
height:10px;
}

Firefox 3
html>/**/body .sampleCss, x:-moz-any-link, x:default {
height:10px;
} 或
@-moz-document url-prefix(){
.sampleCss{height:10px;}
}

Safari3
body:nth-of-type(1) .sampleCss {
height:10px;
} 或
@media screen and (-webkit-min-device-pixel-ratio:0){
.sampleCss{height:10px;}
}

Chrome
body:nth-of-type(1) .sampleCss {
height:10px;
}

Opera
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
head~body .sampleCss{ height:10px;}
}

补充：
@media all and (min-width:0) {
.class{
background-color:#FF00FF; /*Opera和Safari */
html* .class{
background-color:# 808080; /*Saafari*/
}
}
}

2010.05.12 补充 幸福收藏夹-说说CSS Hack 和向后兼容

/***** Selector Hacks ******/

/* IE6 and below */
* html #uno { color: red }

/* IE7 */
*:first-child+html #dos { color: red }

/* IE7, FF, Saf, Opera */
html>body #tres { color: red }

/* IE8, FF, Saf, Opera (Everything but IE 6,7) */
html>/**/body #cuatro { color: red }

/* Opera 9.27 and below, safari 2 */
html:first-child #cinco { color: red }

/* Safari 2-3 */
html[xmlns*=""] body:last-child #seis { color: red }

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:nth-of-type(1) #siete { color: red }

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:first-of-type #ocho { color: red }

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#diez { color: red }
}

/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
#veintiseis { color: red }
}

/* Safari 2 – 3.1 */
html[xmlns*=""]:root #trece { color: red }

/* Safari 2 – 3.1, Opera 9.25 */
*|html[xmlns*=""] #catorce { color: red }

/* Everything but IE6-8 */
:root *> #quince { color: red }

/* IE7 */
*+html #dieciocho { color: red }

/* Firefox only. 1+ */
#veinticuatro, x:-moz-any-link { color: red }

/* Firefox 3.0+ */
#veinticinco, x:-moz-any-link, x:default { color: red }

/***** Attribute Hacks ******/

/* IE6 */
#once { _color: blue }

/* IE6, IE7 */
#doce { *color: blue; /* or #color: blue */ }

/* Everything but IE6 */
#diecisiete { color/**/: blue }

/* IE6, IE7, IE8 */
#diecinueve { color: blue\9; }

/* IE7, IE8 */
#veinte { color/*\**/: blue\9; }

/* IE6, IE7 — acts as an !important */
#veintesiete { color: blue !ie; } /* string after ! can be anything */

您可能也喜欢：
【转载】Web技术要发展，IE6必须被消灭！	今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！	CSS选择器之浏览器支持汇总，IE8/FF 3.5 beta/Safari 4 Beta/iPhone包括	Dean Edwards的IE7 library，好了，不用再给IE6写头痛的HACK了
无觅

尽管IE6增加了我们的负担，但只要有克服困难的决心，我们开发出的Web应用也还是有一定可用性。不过现 在，HTML 5 的正式登场近在眉睫，我们乘坐的Web列车正火速开往一场巨大变革的重要拐点。IE6无疑是这条“革命之路”中间的巨大障碍。革命的号角已经吹响，在接下 来的几个月，我们的主动行动将越来越重要。Web技术要发展，IE6必须下地狱！

仅仅六年之前，互联网还是一个独裁者的世界——Internet Explorer（主要是Internet Explorer 6）垄断着浏览器市场。没了Netscape的竞争，加上与Windows XP的绑定，微软获得了令人艳羡的市场份额——巅峰时期将近95%。时至今日，可供我们选择的浏览器种类也令当年的用户艳羡——Firefox, Safari, Opera, Chrome，以及Internet Explorer 8。

那么，为什么现在还有15%至25%的网页浏览量来自这火星时代（也就是2001年）的浏览器？作为一名coder（程序 员），designer（设计师），UI guy（用户体验工程师），这破浏览器给我们带来的困扰简直是罄竹难书。为了兼容性这位大美女，我们在IE6这个糟老头上耗费了难以计数的精力和时间。 尽管IE6增加了我们的负担，但只要有克服困难的决心，我们开发出的Web应用也还是有一定可用性。不过现在，HTML 5 的正式登场近在眉睫，我们乘坐的Web列车正火速开往一场巨大变革的重要拐点。IE6无疑是这条“革命之路”中间的巨大障碍。革命的号角已经吹响，在接下来的几个月，我们的主动行动将越来越重要。Web技术要发展，IE6必须下地狱！
Internet Explorer 6 的那点破事儿

是的… Facebook 也不欢迎 IE6 了哦…

现在，也许你应该问自己两个问题：IE6到底哪里不好？为什么现在还有这么多人用它？ 第一个问题的答案相对简单：互联网生态急剧变化，Internet Explorer 6在技术上显得越来越落伍。你只需想象一下在一台2001年的电脑（20GB硬盘，256MB的内容，还有么？）上使用现在的社交网站、微软 Office、iTunes、即时通讯、电子游戏，以及你的其他桌面软件…… 就是这个理：很多新的Web技术就是没办法兼容IE6啊。下面是一个IE6不支持的功能简表，大部分coders应该都对它们了然于胸了:

- CSS 2 (层级样式表): 这是Web设计视觉表现的基础所在。毫无办法呢，设计师总是必须针对IE6做一些hack。 – PNG 透明度: 能够实现柔和渐变透明度的png图像不能在IE6内正常显示。而漂亮的半透明效果已经是网页设计的基本技巧之一。 – 常见安全问题: 如果不更新防毒软件，就更容易中毒。同样道理，不更新浏览器也更容易遭受黑客攻击。网上随处可得让IE6崩溃的代码。 我就不告诉你完整代码了，你可以在Wikipedia上找找看。IE6就是这么不稳定…… – Digg， Facebook，以及 YouTube[即将不支持]: Digg和YouTube都发布公告宣称，他们将逐渐放弃对IE6的支持。Facebook已经开始对IE6用户下手——使用IE6登录会出现一条建议你升级浏览器的提示信息。是的，在不远的将来，你将无法使用Digg挖文章，用Youtube收看视频…… （笨活儿：在墙内，根本不用等到将来…）

其他互联网公司也宣称，IE6对它们造成了很大限制。37Signals，很多极为流行的基于Web的商业软件（如Basecamp）的缔造者，就决定削减对IE6的支持。他们说：“继续支持IE6就代表我们无法优化用户界面，或者为我们的程序添加增强的客户体验。”（笨活儿：国内互联网好像还未见有公司有这么勇敢？） 那么，为什么还有那么多人使用这过时的IE6呢？我觉得有两大主要原因：一是Windows XP绑定了IE6，将其作为系统的默认浏览器；二是很多公司的IT部门都怕麻烦而懒得为公司的电脑升级——还得去说服那些电脑小白去习惯新浏览器。小白们 都很容易满足，除非遇到什么大事——比如说Google在IE6下打不开了——他们才不会有什么不满。 尽管如此，Web世界还是勉强能够突破IE6强加的重重限制。不过，“好日子”不长了，新技术正在攻占Web世界的战略要地。有一项IE6完全无法处理的重大技术即将登场：HTML 5。

下一站： HTML 5

HTML （超文本标记语言）是塑造万维网的基础 —— 任何一个写博客的人，肯定都接触过HTML标签。HTML 5是下一代HTML语言，随之而来的一系列特性是非常耀眼的，尤其是自从Google 和 Apple 公司的专家加入之后（分别是Ian Hickson 和 Dave Hyatt），新特性的光芒越发闪耀。 Google尤为努力地推动着HTML 5的发展。因为HTML 5确实能带来可用性的增强，也将为Web开发提供无限可能。 在今年的Google I/O会议上，Google介绍了HTML 5的预期功能（有视频（需翻墙），笨活儿过几天发布中文字幕版）。其中最酷的地方包括：

- Video 标签: 通过使用<video>标签来标记视频，你可以直接在HTML里插入视频。而且，你能很容易地控制视频播放界面的外观。 – Audio 标签: 和视频标签类似，<audio>让您更容易地插入音频。 – Time 标签: 此标签能让浏览器识别HTML页面里的时间。同时也提供<meter>标签标记度量值。 – 拖放: 尽管这一特性还存在争议，但HTML 5将最终实现直接拖放文件到浏览器中给HTML页面处理的功能。拖放操作在Google即将发布的通讯整合产品Google Wave中应用广泛，这大概也是他们如此努力推动这项功能的重要原因之一。 – 本地存储: Web应用使用起来的感觉已经和桌面应用差不多了，只是它们还无法直接在本地电脑上保存你的工作。HTML 5将解决这一问题。 – 地理位置: 使用HTML 5，您可以实现让Web应用通过读取你的所在地信息而提供更加密切关联的信息。随着利用所在地位置的移动设备的崛起，这一点将越来越重要。 – 即时二维绘图: HTML的canvas元素允许你利用脚本来绘制位图。也就是说你可以完全在HTML的框架内绘制漂亮的图像。很多Web应用的界面将变得更加丰富和有动感。 Mozilla Bespin 是一个非常强大的项目，它利用HTML 5实现了一个在线代码编辑器。你应该也猜得到，它并不支持IE6。

和任何一门优秀的语言一样，未来的HTML 5还会加入更多功能。如果你有兴趣完整了解HTML 5，我推荐您阅读IBM developerWorks上的一篇文章：HTML 5 中的新元素。不过，重点在于：旧有的浏览器也能处理使用HTML 5标记的网站，只不过有部分新功能无法实现罢了。只要越来越多的公司放弃IE6，就可以将这部分守旧的用户忽视不管了。

IE6已经阻碍我们的创造力太久太久

从 2001年起，我们就持续忍受着IE6百年不变的苦瓜脸，现在终于就要抵达突破的时刻。各大互联网公司都对此有所察觉。YouTube和Digg显然已经 失去了继续支持老旧浏览器的耐心，才会放出话来说他们将逐渐放弃对IE6的支持。越来越多的公司加入进来，因为他们最终都会发现，付出那些让网站在微软的 破浏览器里也正常运作的代价，是越来越不值得了。 不过如果我们向前展望，HTML 5作为标准将方便我们建立起更为丰富多彩的Web应用。我们的生活和互联网的联系越来越紧密，Facebook 之类的应用将更为不可或缺。Google适时地宣布了Google Chrome OS的消息。这一建立在浏览器基础上的操作系统将能够完美运行各种Web应用程序。然而，如Google Wave之类的富应用项目，如果必须屈身于一只老旧的浏览器，它的潜能将会或多或少（或者完全地）被埋没。 IE6在2001年时的确够用了， 但对于不断发展的Web应用程序——那些作为工具的需要和桌面应用一样无缝运行的Web应用——来说，这种需要大量HACK，需要花费大量时间和精力才能 保证网页正常工作的浏览器实在应该靠边站。现在，让保守者升级浏览器的唯一方法只能是——让他们发现自己最喜爱的网络工具突然不能在IE6下正常使用了。 而只有让用户转变，开发者才能更放心地使用HTML 5这种新技术，而不是继续在过时的技术中沉迷。 简而言之，我们正处在Web技术发展的十字路口，要继续前行而不走弯路，我们就必须把IE6这个路障清除干净。行动起来吧，朋友们！

笨活儿的旁白

这篇文章是在Twitter的热门关键词里发现的。前天“IE6 Must Die”一直在Twitter上晃来晃去。 原文在此：mashable.com 目前，mashable发起的这一抵制IE6的活动已经有5000多名Twitter用户的参与。你也可以到Twibbon参加这个改头像的活动请愿的活动。 而在实际项目的开发中，你也可以和你的产品经理商量一下，要么给IE6用户增加一些提示升级的推广信息。要么对他们关闭某些功能（前提是务必说明为什么给他关了……）。 目前笨活儿博客就添加了明显的“扰民信息”……

“升级您的浏览器”链接到这里：fallwith.me/no-ie.html。欢迎您直接套用我的模板。 本文极为渴求被转发！不注明出处也没关系！！搞前端的，都行动起来吧！

前两天推了英文版，马上就出中文版了哇，作为痛恨IE6的搞前端的，当然要转！大家走过路过看过也转一下哈~~ P.S. 我的站子顶上也有黄色的东西，可惜只有IE6用户看的到~

您可能也喜欢：

今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！

Dean Edwards IE8/IE9.JS，继续对付可恶的IE6。。。

含泪推荐 IETester 用作IE兼容性测试（5.5/6/7/8Beta2四个版本）

来来来，大家都来写CSS HACK吧~ IE5/6/7/8 + FF1/2/3 + Safari + Chrome + Opera

无觅

去年大概是二三月的时候当我发现了 SAVE THE DEVELOPERS 的存在很是HAPPY，跟BOSS申请以后在公司博上加上了这个东西，也算为消灭IE6出一份力量，可惜没过多久就撤下了，嘛，毕竟，到现在，我自己这个博的访问都还有30%是IE6，更甭提到现在还只看IE6的某些客户大人们了。。。我的工作依旧是在Firefox下写好调整好页面后再到 IETester 下去做兼容|||（Vista下连IE6绿色版都装不了了。。。），然后，今天我才伤心地发现，那网站挂了，爬墙去看却转到了Godaddy，原来，他们不玩了。。。好吧，确实是忍受不了了的话，还是自己来做点事情吧。。。

1. 逝去的 SAVE THE DEVELOPERS

以前的外链JS当然没有用咯，网站都挂了嘛，在 Google Code 上找到一份Copy，可以拿过来用，换掉图片和链接地址就可以了，效果是当用<=IE6的浏览器浏览网站的时候，那个小牌子会从顶部下坠下来提醒，过一阵子再收回去

2. IE6 UPDATE

给病态的IE6来点药，一段JS，效果是类似IE普通提示一样的顶部横条

3. Kill IE6

提示缩在右上角一小块

4. Bring Down IE6

.NET MAGAZINE 的倡导文，你可以用他们很有味道的LOGO

5. Stop IE6 campaign

“終止IE6之戰 – 一場致力殲滅 IE6、讓它從網路上消失的戰役”，来吧，大家都是圣（斗）战士！语言选项里有ZH中文繁体~

6. End 6!

JS，会跳个Lightbox文字窗口在中间告诉你IE6不好还是换掉吧，关掉box你就可以继续用可恶的IE6浏览了~

7. IE Death March

March啊，三月/游行，愿望是美好的，不过，已经六月了。。。嘛，革命尚未成功，同志仍需努力! ~ 去感化你周围的人吧！~

8. Dear IE6 , So Long

嘛，亲爱的IE6已经伴随我们8年时间了，是时候说骨的白了，你可以再Twitter上@DearIE6来say goodbye to IE6，这个网站收集了大家对IE6的OOXX之情，顺便一说，我是第1299和1300个，中间激动手抖了一下，发了2条|||

9. I Droped IE6

IE6去死去死，我的站子才不管那些破烂低级的浏览器呢，好吧，你已经是一名圣斗士了，怀揣荣誉去这里报个名吧~ 当然，如果你用任何一种方式提醒和感化你的IE6用户升级，也可以臭P一下，像我，哇咔咔~~

9. 升级您的ie6 ：）

国内就找到这麽一个，可以自由转载我懒得转了，大家去看看吧，没错，傲游/世界之窗/搜狗/闪游啥的这些浏览器都是偷IE的内核换张皮而已，赶紧赶紧，还世界美好吧！~

10. Anti IE6 Army

这个是WP的插件，安装上直接用的，选项卡里有4个小兵，Crossbrowser、End6、End6 Sarcasm和Stop IE6，选择了就会有各自的效果，懒人必备，太方便了~ 又一次增加了对Wordpress的爱啊啊啊啊啊啊啊~~

11. Shockingly Big IE6 Warning

锵锵锵~最后来介绍一下我用滴这个，同样是WP插件，解压后226k看起来挺大的，嘛，去掉图片啥的自己给减减肥也就82k，功能依旧齐全，后台设置很详细，三种提示模式可选，Top是我用的顶部亮黄条，Center是中间Lightbox窗口，还有一个绝的，就是Crash，直接让你的IE6崩溃，哇卡卡卡，太强大了，不过我还是老实点的没有用这招||| 然后推荐的其他五款浏览器也可以选择显示或隐藏，修改链接地址，当然的，Message可以修改，表太啰嗦就是，我写那么多是因为自己修改了JS和CSS，不然会显示不完全滴~~ 最贴心的是，如果你本身并没有IE6的浏览器却想看样子调试，还有个Test Mode可以选择，这样任何浏览器都可以显示啦！~

说起IE6眼含泪水的肯定不止我一人，上面提到的各网站技术及其支持者应该也是的，Google搜索”ie6 problems”有将近2,450,000结果个结果，IE6安全性和兼容性都很差、代码执行效率低下，就我做前端的工作来说，IE6对CSS和JS的读取总是让我觉得丫忒傻，容器层次读取出错，选择器不支持，总是要花很多时间去做各种IE6的兼容，总之，我自己的网站你在IE6下看到得样子已经不是我想呈现的样子了，可以说它强X了我的表达，但是，就像我以前也说过，让电脑市场那些装机的GG们先把预装IE6的盘子换掉先！~

IE6很烂，为什么大家仍在使用？ 我现在应该是Firefox派，不过先不在这里乱扯其他家的比微软家的好，起码你可以先看看 将您的落后且不安全的IE6升级到IE7的七大理由 ，再想比较的话，Google一下，你就知道~

您可能也喜欢：

【转载】Web技术要发展，IE6必须被消灭！

Dean Edwards IE8/IE9.JS，继续对付可恶的IE6。。。

来来来，大家都来写CSS HACK吧~ IE5/6/7/8 + FF1/2/3 + Safari + Chrome + Opera

含泪推荐 IETester 用作IE兼容性测试（5.5/6/7/8Beta2四个版本）

无觅

页面单击、双击、球体拖动、浏览器窗口拖动，自己去 体验 一下吧~~ FF下也是可以的，但是IE下有问题，当然，最好是在Chrome下玩啦~~

以前看到过类似的FLASH效果网站，大大感叹了一番，现在JS也完全OK了哇，再次感叹~~

有兴趣的到 www.chromeexperiments.com 查看更多吧~~

您可能也喜欢：

时隔好~久，终于又完成一个WP站，简洁最高！~ 浏览器宽高数据读取的JS方法汇总

来来来，大家都来写CSS HACK吧~ IE5/6/7/8 + FF1/2/3 + Safari + Chrome + Opera

inhabit.coptix.com 学习JS图片按指定顺序载入显示

使用CSS Expression解决某些浏览器兼容问题

无觅