CSS Hacks para o Firefox 3
Por: Diego Franco - [ July 2nd, 2008 ]
Primeiramente parabéns ao Firefox, mais de 8 milhões de downloads em 24 horas, garantindo o seu lugar no Guinness Book.
Bom, chega de elogios e vamos ao trabalho.
Firefox 3, IE8, este último polêmico por sinal, resumindo, diferente do que a galera do Casseta & Planeta diz: nossos problemas não acabaram! Muito pelo contrário talvez até aumentem só o tempo dirá.
Nas primeiras impressões alguns problemas foram realmente melhorados, principalmente em relação a performance, porém já percebemos comportamentos estranhos em alguns atributos CSS, como por ex.:
Problemas com display:table quebrando DIVS no Firefox 2;
Facilmente corrigido com a substituição por overflow:auto;
Porém nos deparamos com comportamentos estranhos com overflow:auto; no Firefox 3;
Para corrigir use:
Use: overflow:visible;
A medida que encontrar mais problemas com CSS e suas devidas soluções no Firefox 3 vou escrever aqui.
E vamos para a declaração dos HACKS para o Firefox 3, título deste post. Lembrando que você poderá usar Conditional comments, depois falamos sobre este.
A resolução é simples escreva sempre o nome da classe do seu elemento seguido de uma vírgula seguido de x:default { atributos } conforme exemplo abaixo:
Hack for Firefox 3
.nomedasuadiv, x:default { atributos }
Vamos lembrar outros Hacks.
Hack for Firefox 2
.nomedasuadiv, x:-moz-any-link { atributos }
Hack for Internet Explorer 7
.nomedoseuelemento { *display:none; }
Hack for Internet Explorer 6
.nomedoseuelemento { _display:none; }
Hack for Opera
@media all and (min-width: 0px){
.content { }
}
Qualquer problema comentem!
Bons testes!
Procure por: DVD, MP3, LCD, Plasma, HDTV, Home Theater
CSS, Desenvolvimento, Firefox, Hacks | 
11 Comentários » View blog reactions
O Modelando é o site pessoal do Diego Franco Miguel que, atualmente, trabalha como Designer e lidera uma equipe de Agência Web na 
Assine o Feed do Modelando
