IE6 핵(underscore hack)
div{_width:100px; _height:50px;} 속성 앞에 언더바(_)를 붙여준다.
IE6 핵(star hack)
*html div{width:100px; height:50px;} 선택자 앞에 *html를 붙여준다.
IE7 핵(star hack)
*div{width:100px; height:50px;} 선택자 앞에 별(*)를 붙여준다.
IE7 핵
*+html body div{width:100px; height:50px;}/* IE7, OPERA 적용 */
*:first-child+html div{width:100px; height:50px;}/* IE7 적용 */
선택자 앞에 *+html body 또는 *:first-child+html 을 붙이면 IE7 or Opera 에서 적용이 됩니다.
IE 6, 7 핵(dot hack)
div{.width:100px; .height:50px;}
프로퍼티의 가장 앞부분에 닷(.)를 붙이면 IE6, 7에서만 적용이 됩니다.
IE 7, 8, 9 핵(선택자 핵)
html>body div{width:100px; height:50px;}
셀렉트 앞에 html>body를 붙이면 IE7, 8, 9에서 적용이 됩니다.
IE8 핵
div{width:100px; height:50px\9;}
프로퍼티 마지막에 \9 를 붙인다.( 단, IE6~7에서도 인식이 된다.)
IE8, IE9 ,IE8+9 핵
div{width:100px \0/IE8+9; height:50px \0/IE8+9;}
프로퍼티의 속성값 뒷부분에 \0/IE8 를 붙이면 IE8 에서 적용이 됩니다.
프로퍼티의 속성값 뒷부분에 \0/IE9 를 붙이면 IE9에서 적용이 됩니다.
프로퍼티의 속성값 뒷부분에 \0/IE8+9 를 붙이면 IE8과 IE9 모두 적용이 됩니다.
IE8 핵 (미디어쿼리 핵)
@media \0screen {
.box{width:800px;}
}
MrZZang