浏览器IE8 HACK介绍

‘\9’:

eg:.test { color/*\**/: blue\9 }

.header {width:300px;} /* 所有浏览器*/

.header {width/*\**/:330px\9;} /* 所有浏览器IE浏览器 */

.header {*width:310px;} /* IE7和IE6能识别,IE8和FF不能识别*/

.header {_width:290px;} /* IE6能识别,IE7、IE8和FF不能识别*/

利用条件注释语句:<!–[if IE]> 此内容只有IE可见 <![endif]–>

lt 表示less than 当前条件版本以下的版本,不包含当前版本。

gte 表示greeter than or equal 当前版本以上版本,并包含当前版本。

lte 表示less than or equal 当前版本以下版本,并包含当前版本。

其它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 /*\**/:#00F\9}/*IE7,IE8识别*//*“color”和“/*\**/”之间有个空格*/

汇总下IE各版本的css hack。

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

标准模式中:

  1. 减号(-)是IE6专有hack
  2. 反斜杠零(\0)是IE8专有hack
关键词: IE8 浏览器hack

网友留言(0条)

发表评论