CSS Hack 汇总速查手册浏览器兼容必会

CSS Hack 是一种使浏览器对CSS标准的不同解释和实现进行针对性调整的技术，以满足不同浏览器对CSS标准的不同解释，以达到更好的兼容性效果。

常见的 CSS Hack 类型

IE Hack：

• “*”: 双星号选择器，只对IE6、IE7生效
• “\9”: 可以让所有 IE 浏览器（包括 IE6）生效，但是会影响其他浏览器
• “\0”: 只能对IE8生效
• “\9\0”: 只能对IE9生效
• “\0/IE+\5”: 只能对IE8、IE9生效

Webkit Hack：

• “-webkit-”：只对Webkit内核处理
• “*+”: 只对chrome4+, safari3+生效
• “_:-webkit-full-screen, :root .someclass{}”: 只对Chrome 13和Safari 5.1以下生效

Moz Hack：

• “-moz-”: 只对火狐生效

Hack应用示例

示例1：IE6专属样式

div {
    _background-color: red;
}

这个css特殊写法，只对IE6及以下版本生效，其他浏览器无法识别该样式。

示例2：Chrome、Safari专属样式

div {
    *+background-color: red;
}

这样的语法只对Chrome和Safari的最新版本生效，但会对IE6-IE8以及Firefox产生副作用，因此需要慎用。

总结

了解 CSS Hack 类型及其应用场景，可以在处理浏览器兼容性问题时，更加灵活和高效。但是不要滥用 CSS Hack，需要在确保修复错误前提下，才能使用 CSS Hack。此外，在使用之前，一定先进行测试，确保不会影响其他浏览器的显示效果。