IE6/IE7/IE8/Firefox/Chrome/Safari的CSS hack兼容一览

开往->网页应用方向 | 驾驶员: 飘雨云翳 | 热心乘客 (4)人

知道CSS的朋友一定听说过CSS hack，现在的浏览器IE、Firefox、Chrome、Opera、Safari……，郁闷，兼容问题就成为Web前端开发人员的一个难题。

不同的浏览器对CSS的解释都有一点出入，特别是padding, line-height这些要细微控制的地方，下面的hack基本可以解决这个问题：

• 在属性前加下划线(_)，那么此属性只会被IE6解释
• 在属性前加星号(*)，此属性只会被IE7解释
• 在属性值后面加”\9″，表示此属性只会被IE8解释

#test{
color:red; /* 所有浏览器都支持 */
color:red !important;/* Firefox、IE7支持 */
_color:red; /* IE6支持 */
*color:red; /* IE6、IE7支持 */
*+color:red; /* IE7支持 */
color:red\9; /* IE6、IE7、IE8支持 */
color:red\0; /* IE8支持 */
}

body:nth-of-type(1) p{color:red;} /* Chrome、Safari支持 */

今天安装了下传说中的谷歌浏览器。在线安装地址：请点我 谷歌浏览器安装。

基本上兼容问题不大，但是还有细微的问题。直接用body:nth-of-type(1) p{color:red;}语句小兼容了下……

具体的兼容方法，网上相关内容很少。