CSS 핵 (IE6, IE7 문제해결)

1. 스타핵(* html)

-> html 선택자 앞에 오도록해서 IE 계열에만 적용되는 스타일시트를 지정할 수 있다.

a:hover {border:1px;} // 모든 브라우져에서 적용됨

*html a:hover {border:2xp;} // IE 계열에서만 적용됨.

**html {border:2xp;} // IE7에서만 적용됨.

html body, **html body {border:2xp;} // 모든 IE에서만 적용됨.

2. !important 핵

-> IE 6를 위한 핵

#top {

  position:fixed !important;            // 나머지브라우저는 import가 쓰여져있으면 우선순위를 높게 인식해줌

  position:static;                           // IE6버전에서 적용(한규칙안에 여러개의 속성을 지정할 수 없으므로 첫번째는 무시하고 두번째 적용)

}

3. 언더바핵

.under {display:inline; _display:block}    // IE6에서만 언더바를 인식함, 다른브라우저는 인식못해서 무시하고 넘어감

4. \9핵

.ttt { width:100px\9 }         // IE6,7,8,9

5. html>body 핵

html>body div {}    // IE7, 8, 9