CSS Hack

什么是 CSS Hack

CSS Hack 就是，通过在 CSS 中加入一些特殊的符号，让不同的浏览器识别不同的符号，有两个功能：

• 使你的代码兼容不同的浏览器，
• 也可 CSS Hack 为不同版本的浏览器定制编写不同的样式

CSS Hack 常见的三种形式

属性级 Hack

• IE6 能识别下划线“_”和"*"
• IE7 能识别"*"，但不能识别“_”
• 但是 firefox 两个都不认识

选择符级 Hack

• IE6 能识别 *html .class {}
• IE7 能识别 *+html .class{} 或者 *:first-child+html .class{}

IE 注释条件 Hack

• 只在IE下生效

<!--[if IE]>
这段文字只在IE浏览器显示
<![endif]-->

• 只在IE6下生效

<!--[if IE 6]>
这段文字只在IE6浏览器显示
<![endif]-->

• 只在IE6以上版本生效

<!--[if gte IE 6]>
这段文字只在IE6以上(包括)版本IE浏览器显示
<![endif]-->

• 只在IE8上不生效

<!--[if ! IE 8]>
这段文字在非IE8浏览器显示
<![endif]-->

• 非IE浏览器生效

<!--[if !IE]>
这段文字只在非IE浏览器显示
<![endif]-->

注意：条件注释只有在 IE 浏览器下才能执行，这个代码在非 IE 浏览器下浏览会当作注释。所以，可以通过 IE 条件注释载入不同的 HTML, CSS, JavaScript