IE6、IE7 、IE8、FF的CSSHack

又纠结了一晚上,同样的字体和大小,在IE和FF中高度却不一样的解决方案。我一直不想用hack的,相当于以毒攻毒(以bug克服bug),让人不爽~_~!

color:#0000FF\9; ;/*ie6,ie7,ie8*/
*color:#FFFF00;/*ie6、ie7*/
_color:#FF0000;/*ie6*/

至于为什么是\9【IE6-IE8】,I don't know. Really! 但是用\0的时候,只有IE8识别。所以:

.test{
color:#000000; /* FF,OP支持 */
color:#0000FF\0; /* IE8支持*/
[color:#000000;color:#00FF00; /* SF,CH支持 */
*color:#FFFF00; /* IE6、IE7支持 */
_color:#FF0000; /* IE6支持 */
}

另: 

body:nth-of-type(1) .CH{
   color: #FF0000;/* 这是专门针对Chrome和Safari的CSS hack */
}

注:

详细出处参考:http://www.jb51.net/css/24944.html

另外听说用微软雅黑的字体,可以减少些IE和FF的字体差距,因FF无论什么字体都是软件雅黑来渲染的。

原文地址:https://www.cnblogs.com/Denny_Yang/p/1976723.html