컨디셔널 코멘트

컨디셔널 코멘트

Conditional comments는 IE(익스플로러)에서만 작동한다. 그렇기 때문에 IE의 렌더링을 CC를 통해 제어하면 IE 버전에 따라 대응할 수 있다.

<!--[if IE 6]><p>IE6 으로 접속중.</p><![endif]-->

사용방법

<div class="browser-test"><!--[if IE]><p>이 CC는 모든 IE에서 출력됩니다.</p><![endif]--><!--[if IE 6]><p>이 CC는 IE 6</p><![endif]--><!--[if IE 7]><p>이 CC는 IE 7</p><![endif]--><!--[if IE 8]><p>이 CC는 IE 8</p><![endif]--><!--[if IE 9]><p>이 CC는 IE 9</p><![endif]--><!--[if gte IE 8]><p>이 CC는 IE 8 이상 ( IE8을 포함한 상위 버전 )</p><![endif]--><!--[if lt IE 9]><p>이 CC는 IE 9미만</p><![endif]--><!--[if lte IE 7]><p>이 CC는 IE 7 이하</p><![endif]--><!--[if gt IE 6]><p>이 CC는 IE 7 이상 ( IE6보다 상위 버전 )</p><![endif]--><!--[if !IE]> --><p>이 CC는 IE가 아닐경우 나타납니다.</p><!-- <![endif]--></div>

이와 같이 사용할 수 있다. 테스트는 http://jsfiddle.net/64V2w/1/ IE브라우저와 크롬,파폭,사파리,오페라 등으로 접속했을 때 보이는 화면을 참고.

syntax

  • gt : greater than ( 보다 상위 )
  • gte : greater than or equal to ( 같거나 보다 상위, 이상 )
  • lt : less than ( 보다 하위 )
  • lte : less than or equal to ( 같거나 보다 하위, 이하)

IE7 이하의 브라우저에 경고문구 보이기

<!--[if lte IE 7]>    <p class="ie-warning">오래된 브라우저네요. <a href="http://browsehappy.com/">여기</a> 또는 <a href="http://www.google.com/chromeframe/?redirect=true">크롬브라우저</a>를 사용해 보세요. 더 좋은 웹서핑을 할 수 있어요. http://oxch.net</p><![endif]-->

IE 버전에 따라 스타일시트 로드

<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" /><![endif]--><!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" /><![endif]--><!--[if IE 8]><link rel="stylesheet" href="style.ie8.css" /><![endif]-->


덧글

  • ガオナシ_;ㅁ; 2013/12/11 00:33 # 삭제 답글



    검색으로 우연히 들어왔어요! ㅋㅋ
    제가 누굴까요 ㅋㅋㅋ QnA code 만세!! /ㅁ/
  • ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 2014/04/23 14:37 # 삭제

    가오나시!!!
    그러나 이 블로그는 안 쓰고 있다능;
댓글 입력 영역