CSS 핵 정리 (IE6, IE7, IE8, IE9), FF, Chrome, Safari

 

Original CSS

.ComLayer1 { color:#ff0000; font-size:12px; vertical-align:middle; }

IE6

*  .ComLayer1 { color:#ff0000; font-size:9px; vertical-align:top; }

IE7

*+ html .ComLayer1 { color:#ff0000; font-size:12px; vertical-align:middle; line-height:1.2; }

IE8

@media \0screen { .ComLayer1 { color:black; font-size:12px; vertical-align:middle; } }

IE9

:root .ComLayer1 { color:#ff0000\9; font-size:12px\9; vertical-align:bottom\9; }

Chrome and Safari

@media screen and (-webkit-min-device-pixel-ratio:0){ .ComLayer1 { color:#ff0000; font-size:12px; vertical-align:middle; padding:2px 0 0 5px; } }

Firefox

@-moz-document url-prefix() { .ComLayer1 { color:#ff0000; font-size:11px; vertical-align:middle; } }