IE系列浏览器的hack大略如下:
_nowamagic:1px;-----------ie6 *nowamagic:1px;-----------ie7 nowamagic:1px;----------ie89 nowamagic:1px9;--------ie9 :root nowamagic:1px; ----ie9(实际情况可能ie9还是有问题,再用这种方式)
1.‘9’:
.test { color/***/: blue9 } .header {width:300px;} /* 所有浏览器*/ .header {width/***/:330px\9;} /* 所有浏览器IE浏览器 */ .header {*width:310px;} /* IE7和IE6能识别,IE8和FF不能识别*/ .header {_width:290px;} /* IE6能识别,IE7、IE8和FF不能识别*/
2.利用条件注释语句:
<!–[if IE]> 此内容只有IE可见 <![endif]–>
lt 表示less than 当前条件版本以下的版本,不包含当前版本。
gte 表示greeter than or equal 当前版本以上版本,并包含当前版本。
lte 表示less than or equal 当前版本以下版本,并包含当前版本。
3.其它hack 技术:
.color1{ color:#F00; color/***/:#00F /***/}/*IE6,IE7,IE8,FF,OP,SA识别*/ .color2{ color:#F00; color /***/:#00F /*9**/}/*IE7,IE8,FF,OP,SA识别*/ .color3{ color:#F00; color/***/:#00F 9}/*IE6,IE7,IE8识别*/ .color4{ color:#F00; color /***/:#00F9}/*IE7,IE8识别*//*“color”和“/***/”之间有个空格*/
标准模式 | IE6 | TE7 | IE8 | IE9 | FF | Chrome | 使用示例 |
---|---|---|---|---|---|---|---|
– | √ | × | × | × | × | × | #tmp{-color:red;} |
_ | √ | × | × | × | × | × | #tmp{_color:red;} |
+ | √ | √ | × | × | × | × | #tmp{+color:red;} |
= | √ | √ | × | × | × | × | #tmp{=color:red;} |
~ | √ | √ | × | × | × | × | #tmp{~color:red;} |
! | √ | √ | × | × | × | × | #tmp{!color:red;} |
@ | √ | √ | × | × | × | × | #tmp{@color:red;} |
# | √ | √ | × | × | × | × | #tmp{#color:red;} |
$ | √ | √ | × | × | × | × | #tmp{$color:red;} |
% | √ | √ | × | × | × | × | #tmp{%color:red;} |
^ | √ | √ | × | × | × | × | #tmp{^color:red;} |
& | √ | √ | × | × | × | × | #tmp{&color:red;} |
* | √ | √ | × | × | × | × | #tmp{*color:red;} |
‘ | √ | √ | × | × | × | × | #tmp{‘color:red;} |
\9 | √ | √ | √ | √ | × | × | #tmp{color:red\9;} |
\0 | × | × | √ | √ | × | × | #tmp{color:red\0;} |
html>/**/body | × | × | √ | √ | √ | √ | html>/**/body #tmp{-color:red;} |
!important | × | √ | √ | √ | √ | √ | #tmp{color:red !important;} |
:root | × | × | × | √ | √ | √ | :root #tmp{-color:red;} |
hack | IE6(S) | IE6(Q) | IE7(S) | IE7(Q) | IE8(S) | IE8(Q) | 示例 |
* | 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 | #color |
\0 | No | No | No | No | Yes | No | color\0 |
\9 | Yes | Yes | Yes | Yes | Yes | Yes | color\9 |
!important | No | No | Yes | No | Yes | No | color:blue !important; color:green; |
标准模式中:
1,减号(-)是IE6专有hack
2,反斜杠零(\0)是IE8专有hack