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.