ie-css3.js: Pseudo seletores CSS3 no Internet Explorer
Postado por: Pedro Rogério em
ie-css3.js é uma biblioteca JavaScript que permite ao Internet Explorer identificar os Pseudo-seletores CSS3 e aplique estilos aos mesmos em sua página. Sua utilização é muito simples, basta incluir o arquivo JavaScript em sua página que você já pode começar a utilizar os seletores CSS3.
Requerimentos
Esse script depende do Framework DOM Assistant para que funcione corretamente, basta incluí-los no <head> de sua página:
<head> <script type="text/javascript" src="DOMAssistantCompressed-2.7.4.js"></script> <script type="text/javascript" src="ie-css3.js"></script> </head>
Seletores suportados
Dentre os seletores que agora estarão disponíveis, podemos utilizar os seguintes: :nth-child, :nth-last-child, :nth-of-type, :nth-last-of-type, :first-child, :last-child, 
nly-child, :first-of-type, :last-of-type, nly-of-type, :empty
Considerações
Por se tratar de uma biblioteca que ainda está em desenvolvimento, algumas considerações devem ser feitas:
- As chamadas dos arquivos CSS devem ser feitas através da tag <link />, e já dentro dela você pode utilizar @import sem problema algum. Estilos inline não funcionam.
- O arquivo CSS deve estar hospedado no mesmo domínio da página em questão.
- O protocolo file:// não funcionará por questões de segurança.
- Seletor :not() não é suportado.
- A emulação não é dinâmica, uma vez aplicado os estilos as visualizações no DOM não podem ser feitas.
Esse script é compatível com as versões 5,6,7 e 8 do Internet Explorer.
Via: aNieto2K
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o CSS no Lanche também escreve para o Pinceladas da Web, blog com assuntos gerais sobre desenvolvimento web.
[...] This post was mentioned on Twitter by Pinceladas da Web and ewersoncastelo, Klaus Peter Laube. Klaus Peter Laube said: RT @pinceladasdaweb: ie-css3.js: Pseudo seletores CSS3 no Internet Explorer: http://migre.me/gPrp [...]
Social comments and analytics for this post…
This post was mentioned on Twitter by pinceladasdaweb: ie-css3.js: Pseudo seletores CSS3 no Internet Explorer: http://migre.me/gPrp...
Isso funciona pra borda arredondada tambem?
Acredito que não funcione para border-radius, como propriamente dito, é apenas para seletores e não propriedades do CSS.
[]‘s!
Pedro, boa Noite Brother!
Ótima opção!
Dá vontade de acabar de vez com o IE e pq não com a Microsoft né?…rsss
Abraço
Muito interessante esta biblioteca, principalmente pelo tamanho de apenas 2KB.
Vale lembrar que se você já utiliza alguma biblioteca javascript com suporte aos seletores CSS3 (ex. jQuery) você já pode usar os seletores pela própria biblioteca e não precisa de mais um arquivo.
Parece bacana…. Gostei disto.
Olha! Dai sim! Agora não tem mais motivos praquela nojeira de expression com comparações JS de nextSibling, hehe.
Legal essa biblioteca mais para quem desenvolve utilizando algum framework(ex.: jquery) num precisa disso, além de que evita duas HTTP Rquest XD.
nly-child nly-of-type ?? nunca ouvi falar amigo na verdade não tem nada na internet sobre eles, seria algum por causa dos emotions do wordpress que mudou algo?
Atenciosamente Silverfox
com o opera e bem melhor….esta em desenvolvimento mais roda blz
galera coloquei o
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
focionou em todos navegadores exceto o IE esse navegador num mim entra…
coloquei o codigo ai em cima tbm naum deu
Esses seletores não funcionam no IE.
Uma dica complementar bem interessante é o CSS3 PIE, que permite Internet Explorer 6-8 renderizar algumas coisas de CSS3. Fica a dica!