Calma! Eu sei que o certo é não usar CSS Hacks nem comentários condicionais, mas antes de me atirarem pedras eu tenho que me defender. Algumas vezes a pressa/pressão do cliente nos obriga a enfiar um hack ou outro, então temos que inserir mesmo assim. Hoje, quando termino um projeto meus arquivos CSS tem dois ou três hacks que acabo resolvendo após a entrega do material. Mas na hora do aperto, o cliente está contando os minutos, uma boa lista de CSS hacks pode salvar sua pele. Por isso essa lista de hacks para css que encontrei no AJAXIAN, originado pelo Paul Irish.
A lista definitiva pra resolver seus problemas mais comuns com CSS
O Paul ainda fez uma página de teste e você ainda pode ver um screenshoot de cada browser com os resultados.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | /***** Selector Hacks ******/ /* IE 6 e inferiores */ * html #uno { color: red } /* IE 7 e superiores */ *:first-child+html #dos { color: red } /* IE 7 e browsers modernos */ html>body #tres { color: red } /* Browsers modernos (exceto IE 7) */ html>/**/body #cuatro { color: red } /* Opera 9.27 e inferiores */ html:first-child #cinco { color: red } /* Safari */ html[xmlns*=""] body:last-child #seis { color: red } /*safari 3+, chrome 1+, opera9+, ff 3.5+ */ body:nth-of-type(1) #siete { color: red } /* safari 3+, chrome 1+, opera9+, ff 3.5+ */ body:first-of-type #ocho { color: red } /* saf3, chrome1+ */ @media screen and (-webkit-min-device-pixel-ratio:0) { #diez { background: #FFDECE; border: 2px solid #ff0000 } } /***** Hacks para Atributos ******/ /* ie6 e inferiores */ #once { _color:blue } /* ie7 e inferiores */ #doce { *color: blue } /* ou #color:blue */ /* 'Browsers Modernos' incluem IE8, se concorda ou não .. :) */ |
O cara é tão bom nesse negócio de distinguir os browsersque criou uma lista de como reconhecer seu browser via javascript (para você escrever um código para determinado browser por exemplo). Mas, se você usa jQuery em seus projetos, ele já tem isso tá?!