<
Menu

Tableless


ie

Internet Explorer dos anos 90

firefox

10 anos de Firefox

ie10

Um recado da MS aos trolls do IE

chrome

Um novo número 1


CSS Hack para o IE 7 – se alguém precisar

Ontem precisei de um hack para IE7. Fiz uma busca rápida e encontrei algo bem fácil. Lembra do csshack para IE que você colocava um _ (underline) na frente da propriedade que você gostaria que só o IE entendesse? Pois é… ele não funciona no IE7. Mas… se trocarmos o _ (underline) por * (asterísco) […]

Ontem precisei de um hack para IE7. Fiz uma busca rápida e encontrei algo bem fácil.

Lembra do csshack para IE que você colocava um _ (underline) na frente da propriedade que você gostaria que só o IE entendesse? Pois é… ele não funciona no IE7. Mas… se trocarmos o _ (underline) por * (asterísco) ele passa funcionar! :-)

div {
background:green;
*background:red; /* essa linha funciona no IE7 */
}

Fizeram o underline parar de funcionar, mas esqueceram do asterísco. ;-)

Por Diego Eis

Diego Eis criou o Tableless para disseminar os padrões web no Brasil. Como consultor já treinou equipes de empresas como Nokia, Globo.com, Yahoo! e iG. É palestrante e empreendedor.

http://about.me/diegoeis/

Mais posts do autor

Comentários (69)

  • http://www.maxiarte.net Haroldo Santana

    Utilizo “CSS Browser Selector”, que o Mariorez sugeriu neste tópico, pra mim é a melhor opção, pois posso definir configurações expecificas para cada browser.
    Todos devem testar-lo, pois é muito funcional!
    Estes hacks são interessantes, porém, penso ser melhor investir um pouco mais de tempo é tempo, e ter a CSS Validada, pois preso por muito isto.

    Imagine um Advogado que não cumpri as normas da OAB… Voce contrataria?
    Penso mesmo sobre Web Programadores que não cumpri as normas da 3WC.

    É isso ai!

    Valeu pelo Post Galera!

  • http://www.agenciamr.com.br Marvio Rocha

    Muito bom!!!

    Simples Fácil e muito Útil.

    Fiz assim direto no Code:

    html {
    background:red;

    * background:green; /* No IE7 fica verde… */

    }

    Valew pela dica!

  • http://www.seusitelegal.com.br alberto CAstilo

    Cara Muito obrigado, ajudou e Muito!

  • Raphael Agneli

    Valeeu Pedro.. resolveu meu problema =D

    mais pqp hein, esse IE sempre complicando a vida dos desenvolvedores ¬¬

    testo meus sites em todos os Browsers mais usados, o unico que da problema é o IE

    mais valeu ae, ótima dica
    abraço

  • http://www.wevertonnaves.com.br Weverton Naves

    Foi muito útil essa dica. Estava com um site aqui perfeito no ff, chrome, ie8 e tudo mais. Mais o maldito do ie7 estava todo quebrado. Não tive outra solução. Obrigado.

  • Pingback: CSS – Hack para IE7

  • http://www.google.com chucky515

    massa cara eu já fazia isso sem querer kkk… eu colocava o asterisco para invalidar a linha no firefox para fazer testes, ae qnd ia olhar no IE7 oq não aparecia no FF aparecia no IE7, já essa parada do underline eu não sabia, vlw a dica =)

  • http://www.apicepublicidade.com.br Matheus Pinheiro

    nossa cara que força que deu agora vlw abraços

  • Thiago

    cara, você realmente salvou a minha noite de sono!!!!!
    muito obrigado !!!!

  • Pingback: CSS Hack para o IE 7 – se alguém precisar | Tableless « Theodozio

  • http://leomottarocha.orgfree.com leo

    muito bom cara estava precisando disso para consertar o meu site!

  • Renan

     Erro de charset nos comentários do site…

  • marcos

    como faço para por o css hack no meu site,, nao sei fazer, aonde coloca o codigo

  • Tash

    _ é para IE6 e anteriores
    * é para IE7 e anteriores

  • Julio

    Não funciona mais O.O

  • http://www.facebook.com/anderson.luis.39948 Anderson Luis

    Galera, ja tive este mesmo problema, quando programamos sempre testamos no chrome ou no mozilla, até ai estamos no céu, mas quando entregamos o projeto ou site ao cliente, ele irá acessar justamente no IE, pois a maioria deles usam o “Janelinhas” windows.

    …Durante estudos e testes e passadas de vergonhas, na frente de uma equipe de programadores seniors, nós aprendemos a estudar e não a ver videozinhos…

    Solução: Ao usar o seletores css, nunca aplicar nas propriedades “margin” o uso do pixel (px), pois ai esta o erro. Não precisamos de HACKS CSS nem de P.O.G.

    Exemplo:

    CSS –>>>

    article.sociais{

    box-shadow:5px 5px 10px #ccc;

    -moz-box-shadow:5px 5px 10px #ccc;

    -webkit-box-shadow:5px 5px 10px, #ccc;

    background-color: #0066FF;

    width: 100%;

    height: 40px;

    }

    header{

    background: #f9f9f9;

    width: 100%;

    height: 210px;

    }

    article.linha{

    background-color: #0066FF;

    width: 100%;

    height: 40px;

    margin-top:-2%;

    }

    Resolução: Ao adicionar o tamanho à pixel na propriedade de espaço ou tamanho (margin, witdh, height, padding e outros…) o IE, entende diferentemente dos outros navegadores web, e acaba bagunçando tudo…
    Procure usar as propriedades de tamanho com porcentagem “%”. é mais estavel, limpo e sem problemas.

    Bom, fica a dica galera, isso me ajudou, resolveu meu problema, Agradeço por terem me ouvido, sem mais…
    Anderson Luis.

  • Vitor Albuquerque

    Tá difícil com esse CSS inline aí, hein?

  • Robson Santana

    pqp me salvou em.

    você é 10!

    Vlw

  • AB

    E se for no IE 9?? o asterísco não funciona..