原文地址：http://blog.skivet.cn/article.asp?id=113

最近对Firefox比较感兴趣，兴致勃勃地把它安到电脑后才发现，自己曾经设计的几个网站的字体显示十分怪异，而原本在IE上显示正常的。如图：(上图是在IE6，IE7下的效果，下图是在Firefox下的效果)

而出现此现象的原因在于我一直比较喜欢用11px的字体，特别是Tahoma在英文状态下很好看。但是，在IE下11px的中文字大小实际上被IE人性化的自动改变成了12px的大小，而Firefox就比较实事求是，或者说比较刻板，于是就造成了上面右图的显示效果。

我的意愿是，CSS代码能够分辨浏览器是IE还是FF。在IE下能够用11px来显示，而在FF下则用12px来显示。于是，在互联网上游来游去终于找到一个非常令人满意的东东，那就是CSS Hack。其原理简单点来说，就是在某一个CSS属性前面加上”*”或者”_”或者其他一些符号，而IE和FF对不同的符号的识别是不一样的，举个例子：

程序代码

.a {
font-size:12px; /*For Firefox*/
*font-size:11px; /*For IE7 & IE6*/
_font-size:11px; /*For IE6*/
}
结果就会使IE还是按照11px显示字体，而在Firefox上就用12px显示字体。原理就是利用IE和FF对符号的识别方式不同而产生的这种独具兼容性的方式。

附：CSS hack浏览器兼容一览表

分享本文