IE6~9 핵(CSS Hack)

IE6

.test { _margin:5px; }

언더바를 붙힌 _margin:5px; 은 IE 6에서만 적용된다.

IE7

*:first-child+html .test{ margin:5px; }

IE7은 셀렉터 앞에 *:first-child+html 를 붙힌 .test에는 _margin:5px; 가 적용된다.

IE6+IE7

.test{ .margin:10px; }

프로퍼티 가장 앞부분에 닷(.)을 붙이면 IE6+7 에서 적용이 된다.

IE8

test { margin:/*＼**/10px; }

프로퍼티의 속성값 앞부분에 (/*＼**/) 를 붙이면 IE8에서만 적용이 됩니다.

IE8, IE8+9

test { margin:10px\0IE8; }

test { margin:10px\0IE9; }

test { margin:10px\0IE8+9; }

프로퍼티의 속성값 뒷부분에 \0/IE8 를 붙이면 IE8 에서 적용이 됩니다.

프로퍼티의 속성값 뒷부분에 \0/IE9 를 붙이면 IE9에서 적용이 됩니다.

프로퍼티의 속성값 뒷부분에 \0/IE8+9 를 붙이면 IE8과 IE9 모두 적용이 됩니다.

IE6+IE7+IE8

.test { margin:5px\9 }

프로퍼티 마지막에 \9를 붙이면 IE6~8 버전에서 적용이 된다.

IE7+IE8+IE9

html>body .test { margin:5px }

셀렉트 앞에 html>body를 붙이면 IE7, 8, 9에서 적용이 됩니다.

참고: http://blog.naver.com/PostView.nhn?blogId=gjsl19&logNo=120194908595