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.

5 opiniões sobre “CSS: IE7 e seus CSS Hacks”

  1. 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.

  2. 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 uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>