Css Hack 大全(IE6、IE7、IE8、IE9 css hack)


一、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]–>

項目 范例 說明
! [if !IE] The NOT operator. This is placed immediately in front of the feature, operator, or subexpression to reverse the Boolean meaning of the expression.
NOT運算符。這是擺立即在前面的功能,操作員,或子表達式扭轉布爾表達式的意義。
lt [if lt IE 5.5] The less-than operator. Returns true if the first argument is less than the second argument.
小於運算符。如果第一個參數小於第二個參數,則返回true。
lte [if lte IE 6] The less-than or equal operator. Returns true if the first argument is less than or equal to the second argument.
小於或等於運算。如果第一個參數是小於或等於第二個參數,則返回true。
gt [if gt IE 5] The greater-than operator. Returns true if the first argument is greater than the second argument.
大於運算符。如果第一個參數大於第二個參數,則返回true。
gte [if gte IE 7] The greater-than or equal operator. Returns true if the first argument is greater than or equal to the second argument.
大於或等於運算。如果第一個參數是大於或等於第二個參數,則返回true。
( ) [if !(IE 7)] Subexpression operators. Used in conjunction with boolean operators to create more complex expressions.
子表達式運營商。在與布爾運算符用於創建更復雜的表達式。
& [if (gt IE 5)&(lt IE 7)] The AND operator. Returns true if all subexpressions evaluate to true
AND運算符。如果所有的子表達式計算結果為true,返回true
| [if (IE 6)|(IE 7)] The OR operator. Returns true if any of the subexpressions evaluates to true.
OR運算符。返回true,如果子表達式計算結果為true。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM