针对IE6\7\8\9\10浏览器的CSS 兼容大全详解

目前IE内核浏览器仍然是国内主流浏览器，占据着PC浏览器的大部分市场份额，版本从IE6到IE10，所有前端工作者都必须面对和解决多个IE浏览器对代码的兼容性问题。在很多情况下，我们需要专门针对IE写css样式，即针对IE的css hack，下面将详细介绍这些内容：

1、常见的特殊符号的应用：

IE6：
_selector{
   property:value;}
selector{
   
	property:value;//ie6下显示第一个值
	property:value !important;
} //IE6 不支持同一选择符中的 !important
IE7：
+selector{
   
	property:value;
}
IE8：
selector{
   
	property:value\0;
}
IE6 & IE7：
*selector{
   
	property:value;
}
IE6 & IE7 & IE8：
selector{
   
	property:value\9;
}

总结起来，如下：
其中，S表示Standards Mode即标准模式，Q表示Quirks Mode，即兼容模式。
（了解更多Quirks模式、Strict(Standars)模式？）

hack	示例	IE6(S)	IE6(Q)	IE7(S)	IE7(Q)	IE8(S)	IE8(Q)
*	*color	Yes	Yes	Yes	Yes	No	Yes
+	+color	Yes	Yes	Yes	Yes	No	Yes
-	-color	Yes	Yes	No	No	No	No
_	_color	Yes	Yes	No	Yes	No	Yes
#	#color	Yes	Yes	Yes	Yes	No	Yes
\0	color\0	No	No	No	No	Yes	No
\9	color\9	Yes	Yes	Yes	Yes	Yes	Yes
!important	color:blue !important;
color:green;	No	No	Yes	No	Yes	No

2、条件注释语句（<!--[if IE]> <![endif]-->）

<!--[if IE]> 所有的IE可识别 <![endif]-->
<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]-->
<!--[if IE 6]> 仅IE6可识别 <![endif]-->
<!--[if lt IE 6]> IE6以下版本可识别 <![endif]-->
<!