CMS솔루션마켓, 이온디 - 워드프레스, 라이믹스, 카페24, 그누보드, 엑셀

홈페이지 제작팁

IE보완 - 조건부 주석

2013년 08월 06일
1.조건부 주석이란?
인터넷 익스플로러의 버전을 구분해 출력하는 주석

<조건부 주석에 사용되는 키워드>
!-not
it-Less then(미만)
lte-Less than and Equal(이하)
gt-Greater than(초과)
gte-Greater than and Equal(이상)
&-and
|-or
 
<조건부 주석의 기본형태>
<!--[if 조건]>
조건이 참일때 실행할 코드
<![endif]-->
 
<조건부 주석의 응용>
<!--[if lte IE 8]>
IE8이하에서만 작동합니다
<![endif]-->
 
<조건부 주석의 응용2>
<!--[if (IE 9) | (IE 10)]>
IE9이거나 IE10일때 작동합니다
<![endif]-->
 
<조건부 주석의 응용3>
<!--[if !((IE 9) | (IE 10))]>
IE9, IE10이 아닐때 작동합니다
<![endif]-->

그럼 아래 코드를 해석해보세요. ^^

<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->