[CSS] 쓰고 싶지 않지만,,,,, IE 버전별 핵

1. Star 핵 : IE6, IE7

일반적으로 *뒤에 스타일을 적어주면 IE6 과 7에서만 적용이 된다.

.selector {margin:100px; *margin:90px;}

2. _(언더바) 핵 : IE6

정말 사용할 일이 많은 언더바 핵, 크로스브라우징 작업을 하다보면 정말로 쓸일이 많은 아주아주 유용한 핵이다. 크로스브라우징 하려면 절대적으로 꼭 알아야 할 핵

.selector {margin:100px; _margin:90px;}

3. 응용편

위의 두가지를 이용하면 가각의 브라우져의 구미에 맞게 알맞은 핵을 적용할 수 있다.

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

우선 호환모드로 작동하지 않게 위의 meta값을 적용해주고

.selector {margin:100px; *margin:90px; _margin:110px;}

위와 같이 스타일시트를 작성하게 되면 IE8 등의 표준에 가까운 브라우져에서는 margin:100px; 이 적용되고 IE7 에서는 margin:90px; 이 적용되며, IE6에서는 margin:110px; 이 적용되게 된다.

핵은 왠만하면 사용하지 않는 것이 가장 좋지만, 어쩔 수 없는 상황에서 깨진 디자인으로 우리의 마음을 해치지 않기 위해서 적절하게 최소화하여 사용하는 것도 건강에는 이로울 것이다.