一: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]-->
三: 相关博客: