필요할 것 같아 저장하는 IE용 CSS Hack

Underscore Hack

프로퍼티의 가장 앞부분에 언더스코어(_)를 붙임.

Win IE4~6

#header {_width:100px}

Star Hack

셀렉트 앞에 *html을 붙임.

Win IE4~6, Mac IE 4~5.

*html #header {width:100px}

Star Hack2

셀렉트 앞에 *+html body 또는 *:first-child+html 을 붙이면 IE7 or Opera 에서 적용.

*+html body #header {width:100px} /* IE7, OPERA 적용 */ *:first-child+html #header {width:100px} /* IE7 적용 */

Star Hack3

프로퍼티의 가장 앞부분에 언더스코어(*)를 붙이면 IE7에서만 적용.

#header {*width:100px}

Hash Hack

속성앞에 #삽입 IE4~6, Opera 7, Firefox

#header {#width:100px}

!important Hack

IE6버전에서는 한규칙안에 여러 개의 속성을 사용 할 수 없음. 첫번째 선언을 무시하고 두번째 선언을 적용.

#header {position:fixed !importent;position:static}

Dot Hack

프로퍼티의 가장 앞부분에 닷(.)를 붙이면 IE6, 7에서만 적용.

#header {.width:100px}

속성 핵

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

#header {width:/*＼**/100px}

IE 8, IE9, IE8+9 속성 핵

프로퍼티의 속성값 뒤에 \0/IE8 를 붙이면 IE8 에서 적용.

프로퍼티의 속성값 뒤에 \0/IE9 를 붙이면 IE9에서 적용.

프로퍼티의 속성값 뒤에 \0/IE8+9 를 붙이면 IE8과 IE9 모두 적용.

#header{width:100px \0/IE8;/*IE8적용*/width:150px \0/IE9;/*IE9적용*/ height:50px  \0/IE8+9;/*IE8+9적용*/}

IE 9+10 속성 핵

셀렉트 앞에 @media screen and (min-width:0\0){} 를 감싸면 적용.

@media screen and (min-width:0\0){#header{width:100px}}

! 일부 적용 안되거나 모던 브라우저에서 기대하지 않은 효과가 나타날 수 있음.