IE各版本的css hack

一：IE各版本的css hack

 

HACK	EXAMPLE	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

 

这里S代表standard标准模式，Q代表Quirks怪异模式

 

div {	
    background: gray; /* 基本的 */
    background: pink\9; /* IE 8 及低于IE8版本 */
    *background: green; /* IE 7 及低于IE7版本 */
    _background: blue; /* IE 6 */
}

 

 

二：根据条件注释设置不同的class

 

<!--[if lt IE 7 ]> <div class="ie6"></div> <![endif]-->
<!--[if IE 7 ]> <div class="ie7"></div> <![endif]-->
<!--[if IE 8 ]> <div class="ie8"></div> <![endif]-->
<!--[if IE 9 ]> <div class="ie9"></div> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <div></div> <!--<![endif]-->

 

更详细的解释：

 

<!--[if lt IE 7]>版本小于IE7将看到这行<![endif]-->
<!--[if lte IE 7]>版本小于或等于IE7将看到这行<![endif]-->
<!--[if IE 7]>版本如果是IE7将看到这行<![endif]-->
<!--[if gt IE 7]>版本大于IE7将看到这行<![endif]-->
<!--[if gte IE 7]>版本大于或等于IE7将看到这行<![endif]-->

 

 

三: 相关博客：

 

用条件注释为IE隔离CSS

FF、IE7、IE6的CSS问题