CSS: IE7 e seus CSS Hacks

Hoje eu tive um problema muito interessante aqui na empresa. Eu precisava colocar um hack para o Mozilla e assim eu diferenciava do IE. Era coisa simples e tal, mas quando vi que o IE 7 pegou o hack do mozilla daí sim foi um problema hehehe.

Dei uma garimpada na net e achei como faz….

Segue abaixo o exemplo que encontrei:

/* Target IE7 only */
html>body #getquotebox {
*background: url(../images/loginbox-bg.jpg) 10px left no-repeat;
}
/* end */

Note o asterísco na frente da propriedade.

Adicionar artigo ao Rec6 Adicionar artigo ao Linkk Adicionar artigo ao doMelhor Adicionar artigo ao Eu Curti Adicionar artigo ao del.icio.us

Gostou deste post? Deixe um comentário abaixo e continue a discussão, ou assine o meu feed e receba todos os artigos diretamente no seu leitor de feeds.

Trackbacks & Pingbacks

No trackbacks/pingbacks yet.

Comentários

que gambi

:O

Realmente é uma gambi, mais nos últimos casos resolve o problema, o ruim é que você deve colocar o hack para o IE6 tb né? Ou ele aceita o hack do IE7.

Bala Ricotta. Tava precisando disso, porque além de pegar o hack para o Firefox, o maldito IE7 pegou errado. :D

Espero que isso funcione que no meu caso é o problema com o margin-top.

Caraaaaaaaaaaaaaaaaaaaa .. brigaduuuuuuuuuuuuuuuuuuuuu

Solução simples,e eficazzzzzzzzzzz

valeu mesmo

Olá boa tarde, eh isso ai todo mundo com probleminhas em css nesses navegadores. Soh pra complementar o post.

html>body #getquotebox {
background: url……); /*Aplicado em todos os browsers*/
*background: url……); /*Sobreescreve no IE6 e IE7*/
_background: url……); /*Sobreescreve somente no IE6*/
}

Deixe um comentário

Quebras de linha e parágrafo automáticas, seu endereço de e-mail nunca será mostrado, HTML permitido: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

(requerido)

(requerido)