ie-css3.js permite que Internet Explorer identifique los pseudo selectores CSS3 y aplique los estilos asociados a ellos en nuestras páginas. Solo tendremos que incluir un fichero Javascript para poder empezar a disfrutrar de este script.
Requerimientos
El script necesita el framework DOMAssistant para funcionar, aunque no creo que adaptarlo para cualquier otro framework sea áltamente complicado. He intentado migrarlo a jQuery y MooTools y me he encontrado con la limitación de pseudo-selectores disponibles en los frameworks. Por ejemplo :nth-of-type() no está disponible en ninguno de los dos anteriores.
Instalación
Simplemente tendremos que añadir al <head /> de nuestra página la llamada a los dos ficheros javascript que necesitamos:
<head>
<script type="text/javascript" src="DOMAssistantCompressed-2.7.4.js"></script>
<script type="text/javascript" src="ie-css3.js"></script>
</head>Selectores soportados
No están todos, pero con estos ya podemos ir haciendo más cómoda la tarea de maquetar una página para Internet Explorer. :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
Consideraciones
Al tratarse de una versión bastante temprana tenemos que tener en cuenta una serie de consideraciones o limitaciones con las que tendremos que lidiar:
- Los ficheros CSS deben ser llamados mediante el uso del tag
<link />aunque dentro de ellos podrás usar@importsin problemas. No será posible usar el CSS a nivel de página. - El fichero CSS deberá estar alojado en el dominio de la página.
- El protocolo
file://para llamar a las CSS no funcionará por temas de seguridad. - El selector
:not()no está soportado - La emulación no es dinámica, una vez aplicada los estilos los cambios en el DOM no se verán reflejados.
- Es compatible con las versiones 5,6,7,8 de Internet Explorer.
No es la panacea, pero seguro que a más de uno le puede sacar de un aprieto 😀
3 comentarios, 5 referencias
+
#