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
.
Não mande dúvidas nos comentários ou no meu e-mail. Mande elas para o fórum de desenvolvedores Webly. Tem mais gente lá gabaritada a responder e você não fica dependendo só do mico.
Janeiro 8th, 2008 09:03
Essa aih eh uma boa. Testarei para ver a reação, mas otima dica
[]s
Janeiro 8th, 2008 09:33
[…] micox wrote an interesting post today on Contornar vários bugs do IE numa tacada sóHere’s a quick excerptEsta 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 … […]
Janeiro 8th, 2008 09:41
[…] micox wrote an interesting post today on Contornar vários bugs do IE numa tacada sóHere’s a quick excerptEsta 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 … […]
Janeiro 8th, 2008 10:34
Boa notícia! Vou testar no meu próximo projeto! Vlw pela dica!
Janeiro 8th, 2008 10:40
Tava na hora, pqp… Vamos ver agora se é decente mesmo… Uma coisa que vi que não ficou legal foi a parte de background em png… Ele continua naum se repetindo…
Mas soh dei uma olhada rápida… de repente tem variações…
Akele abraço rapa…
Janeiro 8th, 2008 12:07
É mesmo muito boa esta biblioteca…
Há algum tempo que uso e recomendo. Comecei a usar porque no IE não tinha o :hover para DIVs.
Janeiro 8th, 2008 15:54
Caraca, isso é ótimo, já posso parar de tomar meus anti-depressivos.
Abs
Janeiro 8th, 2008 18:14
[…] Meu camarada Mico publicou no Blog dele e eu não tive como não publicar aqui. Talvez alguns não o sigam, etc. […]
Janeiro 9th, 2008 06:07
Eu vou testar definitivamente isso ai…
ahahahah
Se funcionar eu sou o primeiro a pedir como faço pra doar dinheirono paypal do cara.
Janeiro 22nd, 2008 16:38
Bem, tenho alguns aspectos a questionar.
Muitos aqui pensam na comodidade de nao precisar mais quebrar a cabeça, e o usuario onde fica? Faze-lo carregar 30-45kb apenas pelo comodismo do programador é algo complicado. Imaginemos entao se o site utilizar tambem algum framework js, tipo jquery, prototype, aumentara ainda mais a quantidade de js.
Irei trabalhar com esse js apenas quando for conveniente ao site e seu publico-alvo.
Fevereiro 29th, 2008 22:00
Não funciona em casos em que atributos de estilo são alterados dinamicamente (via javascript). depois que executou um algumaCoisa.className=’xyz’ várias coisas deixaram de funcionar, como seletor >, display: fixed, etc. frustrante.
Março 6th, 2008 17:56
sobre o png transparente, infelizmente falta algo q considero muito importante e fundamental pra dizer q corrige png, acho q tem um GRANDE problema esse script,segue:
“Unfortunately, the transparent background image cannot be tiled (repeated) using background-repeat. Nor can it be positioned using background-position.”
ou seja, nao funciona com background-repeat e background-position.