Hacks CSS

jaydson — Mon, 04 May 2009 17:32:16 +0000

E ai pessoal, seguinte…ontem me deparei com algo realmente interessante, e fiquei até meio assustado pelo fato de eu não saber da existência.
O negócio é que todos desenvolvedores web sofrem com as peculiaridades de cada Browser, e se tratando do IE, nem se fala.
Eu já tinha ouvido falar dos Hacks, e pesquisando sobre o assunto encontrei no Blog do Gustavo Paes várias dicas legais.
O que achei mais interessante foi o Hack em que duplicamos um atributo da classe CSS, colocando um “coringa” na frente do nome.
Isso serve para que a propriedade seja alterada apenas no IE.
Exemplo:

#elemento {
height: 50px;
*height: 30px; /* altera propriedade do IE6 e IE7 */
_height: 20px; /* apenas IE6 */
}

Mas nem tudo é maravilha….
Temos apenas um pequeno detalhe:
Esta Gambiarra solução não passa na validação W3, então se isso é necessário, busquem outra solução.
Por hora é isso.

Jaydson Gomes » CSS

Hacks CSS