css hack (ie6-ie9+)

標籤：property   ie9   識別   nbsp   cto   css hack   ie 6   ie8   劃線   

IE6 css hack:

1. *html Selector {} /* Selector 表示 css選取器 下同 */2. Selector { _property: value; } /* property: value 表示 css 的屬性名稱: 屬性值 下同 */3. Selector { _property/**/: /**/value; }4. Selector { -property: value; } /*IE6 css hack常用習慣推薦使用底線_ */

IE7 css hack:

1. *+html Selector {}2. *: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; }2. Selector { #property: value; }3. Selector { +property: value; }

IE8+ css hack：

Selector { property: value\0; }

IE9+ css hack：

Selector { property: value\9\0; }

 

 

判斷方式：
<!–[if !IE]><!–> 除IE外都可識別 <!–<![endif]–>
<!–[if IE]> 所有的IE可識別 <![endif]–>
<!–[if IE 6]> 僅IE6可識別 <![endif]–>
<!–[if lt IE 6]> IE6以及IE6以下版本可識別 <![endif]–>
<!–[if gte IE 6]> IE6以及IE6以上版本可識別 <![endif]–>
<!–[if IE 7]> 僅IE7可識別 <![endif]–>
<!–[if lt IE 7]> IE7以及IE7以下版本可識別 <![endif]–>
<!–[if gte IE 7]> IE7以及IE7以上版本可識別 <![endif]–>
<!–[if IE 8]> 僅IE8可識別 <![endif]–>
<!–[if IE 9]> 僅IE9可識別 <![endif]–>

css hack (ie6-ie9+)