tadarank afiliados

08 janeiro, 2008

Contornar vários bugs do IE numa tacada só

Dean Edwards é o cara.
Pros poucos aqui que não conhecem o site dele, dêem uma visitada geral. Só coisa boa.

Bom, hoje vou me focar na biblioteca IE7 que ele soltou esse ano. Esta biblioteca, magicamente, contorna vários bugs do Internet Explorer e deixa os IE 5, 6 e 7 bem parecidos com o IE8 (ou com o IE 7, você escolhe).

Como assim?

Bem, veja só a descrição:

IE7 is a JavaScript library to make MSIE behave like a standards-compliant browser. It fixes many CSS issues and makes transparent PNG work correctly under IE5 and IE6.

  • supports the following CSS selectors:
    • parent > child
    • adjacent + sibling
    • adjacent ~ sibling
    • [attr], [attr="value"], [attr~="value"] etc
    • .multiple.classes (fixes bug)
    • :hover, :active, :focus (for all elements)
    • :first-child, :last-child, only-child, nth-child, nth-last-child
    • :check, :disabled, :enabled
    • :empty, :contains(), :not()
    • :before/:after/content:
    • :lang()
  • supports imported style sheets
  • preserves the cascade of the style sheet
  • does not alter the document structure
  • does not repeatedly query the DOM tree using JavaScript
  • uses pure CSS to enforce style sheet rules
  • supports the W3C box model in both standards and quirks mode
  • supports fixed positioning (flicker free)
  • supports overflow:visible
  • supports min/max-width/height
  • fixes broken (X)HTML elements (abbr, object)
  • standardised forms behavior
  • supports PNG alpha transparency
  • lightweight script (11KB)
  • works for Microsoft Internet Explorer 5+ (Windows only)

Tudo isso apenas adicionando o seguinte script no seu XHTML:

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/xx.x/IE8.js" type="text/javascript"></script>

<![endif]-->

Pronto, agora é só usar nos seus novos sites e reduzir a queda de cabelo por causa do IE.
Mas antes, dê uma passadinha lá nos site do projeto, da atualização 2.0 e do google code onde está hospedado e veja as formas corretas de usar.
Depois diga aqui suas experiências (boas ou ruins) com o script :) .

Gostou da dica acima? Então clica nos botões de compartilhamento abaixo e me ajude a dica a subir no Google.

4 comentários:

  1. Pô esse ie7-js caiu do céu! Felizmente, assim como o Micox, tem muita gente boa disposta a ajudar! Vou testar e depois volto a comentar. Obrigado!

    ResponderExcluir
  2. Esse ie7-js parece salvador, mas infelizmente resolve algumas coisas e estraga outras.
    Mas de maneira geral preciso testar mais para chegar a uma conclusão.

    ResponderExcluir
  3. Eai blz cara eu to com pipino para resolver o meu menu drop down ele aprece por traz do video em todos IE não estou conseguindo resolver será que tem como dar uma força a pagina é www.teatrodetabuas.com.br/estradafora

    ResponderExcluir
  4. @meus trabalhos, acho que isso aí não é bem um bug não. Fizeram, um tempo atrás um lance pra resolver essas questões de flash/iframe na frente de divs: Nâo lembro bem, mas acho que A técnica POG consiste em colocar um iframe por baixo da div. Assim os 2 ficam sobre o flash.
    Tem que dar uma usada no google aí pra achar cara.

    ResponderExcluir

Resultado! Concursos