IE Conditional Comments 필터링 (IE CC)
IE Conditional Comments 줄여서 IE CC 라고도 합니다.
IE 6 이하의 브라우저는 CSS 선택자 (selector)에 접근하지 못하는 문제가 있습니다. IE7이라고 해도 문제가 있지요.
그래서 주로 사용하는 방법이 CSS-Hack을 이용하거나, CSS Filtering을 이용해서 처리하는데, IE7 이후부터는 주로 CSS Filtering을 이용합니다.
특히 사용이 간편하고 MS에서 권고하는 IE Conditional Comments Filtering 을 이용합니다.
주로사용하는방법은 아래와 같습니다.
1. IE7 에서만 사용하는 경우.
1: <!--[if IE 7]>
2: <link rel="stylesheet" type="text/css" href="ie7only.css">
3: <![endif]-->
2. IE7 이하의 버전인 경우
1: <!--[if lt IE7]>
2: <link rel="stylesheet" type="text/css" href="ieOld.css">
3: <![endif]-->
3. IE에서만 사용하는 경우
1: <![if IE]>2: <link rel="stylesheet" type="text/css" href="is-ie.css">
3: <![endif]>4. IE가 아닌경우에만 사용하는 경우1: <![if !IE]>2: <link rel="stylesheet" type="text/css" href="non-ie.css">3: <![endif]>
Item |
Example |
Comment |
IE |
[if IE] |
The only currently supported feature is the string "IE", corresponding to Internet Explorer. |
value |
[if IE 7] |
An integer or floating point numeral corresponding to the version of the browser. Returns a Boolean value of true if the version number matches the browser version. For more information, see Version Vectors. |
! |
[if !IE] |
The NOT operator. This is placed immediately in front of the feature, operator, or expression to reverse the Boolean meaning of the expression. |
lt |
[if lt IE 5.5] |
The less-than operator. Returns true if the first argument is less than the second argument. |
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. |
gt |
[if gt IE 5] |
The greater-than operator. Returns true if the first argument is greater than the second argument. |
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. |
( ) |
[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 |
| |
[if (IE 6)|(IE 7)] |
The OR operator. Returns true if any of the subexpressions evaluates to true. |
true |
[if true] |
Always evaluates to true. |
false |
[if false] |
Always evaluates to false. |