css 핵(hack)

1. 기존에 많이 알려져 있던 핵!

div {css내용~\9;}

:rood div{css내용~\9}

이 핵을 쓰면 IE8 이하 브라우저(IE6,7)에도 인식이 됩니다.

문제가 있다면, 일부 스타일에서는 크롬에도 적용이 되더라구요~ 전 'font-family' 스타일에서 그런 현상을 발견 했습니다.

2. 그 다음으로 많이 쓰던 핵!

div {css내용~\0IE8}

div {css내용~\0IE8+9}

div {css내용~\0IE9}

IE8, IE8+9, IE9 로 조정하면 선택해서 브라우저 적용이 됩니다.

3. 파이어폭스 핵

@-moz-document url-prefix() {div{css 내용}}

4. 크롬+사파리 핵

@media screen and (-webkit-min-device-pixel-ratio:0){div{css 내용}}

5. IE10 핵

http://www.impressivewebs.com/ie10-css-hacks/