IE8 특정 CSS 적용

IE8과 chrome에서 px로 사이즈를 잡아서 배치를 하면 일치하지 않는 경우가 존재한다.

나의 경우 chrome에서는 top:10px; 가 적당한데, IE8에서는 top:3px; 가 적당한 값이었다.

적정선에서 타협할 수 있는 차이면 괜찮겠지만 너무 눈에 딱 보이는 부분이라 따로 적용을 할 수 밖에 없었다.

class명이 .basic-btn 일 경우 아래와 같이 적용하면 IE8의 top은 3px, 그 외의 브라우저에는 10px로 적용할 수 있다.

.basic-btn {top:10px; top:3px\0/ !important!; /*IE8에서만 top:3px; 적용*/}

원하는 속성 뒤에 '\0/ !important'를 붙여주면 간단히 해결 할 수 있다.