css HACK

一、IE6 css hack:

  1. html Selector {} / Selector 表示 css选择器 下同 */
  1. Selector { _property: value; } /* property: value 表示 css 的属性名: 属性值 下同 */
  2. Selector { _property//: //value; }
  3. Selector { -property: value; } /*[IE6 css hack]常用习惯推荐使用下划线_ */

二、IE7 css hack

  1. **+html Selector {}
  1. *:first-child+html Selector {}

三、IE8 css hack

Selector { /* 注意看value值的 /
property: value1; /
W3C MODEL /
property: value2\0; /
IE 8+ /
property: value1\9\0; /
IE 9+ */
}

四、IE6、IE7、IE8共有的css hack

Selector { property: value\9; }

五、IE6、IE7共有的css hack:

  1. Selector { *property: value; }
  1. Selector { #property: value; }
  2. Selector { +property: value; }

六、IE8+ css hack

Selector { property: value\0; }

七、IE9+ css hack
Selector { property: value\9\0; }

八、判断方式:

除IE外都可识别
所有的IE可识别
仅IE6可识别
IE6以及IE6以下版本可识别
IE6以及IE6以上版本可识别
仅IE7可识别
IE7以及IE7以下版本可识别
IE7以及IE7以上版本可识别
仅IE8可识别 仅IE9可识别

css HACK_第1张图片

你可能感兴趣的:(css HACK)