ie-css3.js é uma biblioteca
JavaScript que permite ao Internet Explorer identificar os
Pseudo-seletores CSS3 e aplicar 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, :only-child, :first-of-type, :last-of-type, :only-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.
*
Publicado originalmente em aNieto2K