728x90

IE6 에서만 적용하기 (Underscore Hack)
 
.test { margin:10px; _margin:5px; }
 
여기서 앞에 마진 10px은 모든 브라우저가 다 적용 되지만
언더바를 붙힌 _margin:5px; 은 IE 6에서만 적용된다 .
프로퍼티 앞에 붙혀서 사용하면 됨.!
 
 
 
IE7 에서만 적용하기
 
.test{margin:10px;}
*:first-child+html .test{margin:5px;}

여기서 앞에 마진 10px은 모든 브라우저가 다 적용 되지만
IE7은 셀렉터 앞에 *:first-child+html 를 붙힌 .test에는 _margin:5px; 가 적용된다.
셀렉터 앞에 붙혀서 사용하면 됨.!
 
 
IE8 적용하기 (IE6,7에서도 인식된다)
 
.test {margin:10px; margin:5px\9}
 
 프로퍼티 값의 마지막에 \9를 쓰면 되는데. IE6이나 7에서도 인식이 되어버린다.
이럴땐 뒤에 IE6,7 핵으로 다시 정의해 줘야 한다.
즉. 아래처럼 3번 정의하면 ie8은 제일 위에만 적용된다.
.test {margin:5px\9}
*:first-child+html .test{margin:10px;}
.test {_margin:10px; }


[출처] http://blog.naver.com/PostView.nhn?blogId=0131v&logNo=110119269445

+ Recent posts