Internet Explorer, CSS y JavaScript: Condicionales para IE
Internet Explorer es un navegador que muestra reticencia a nuevos paradigmas de la web como CSS3 y JavaScript, al punto de que desarrolladores web deben realizar modificaciones al código CSS o JavaScript específicos para que determinadas versiones de Internet Explorer las reconozcan y puedan funcionar correctamente ya que no todas estas nuevas funcionalidades son reconocidas en este navegador.
Esto me pasó a mi tras estar desarrollando una aplicación que hace uso de propiedades CSS3 como text-shadow y gradientes. Grandes empresas de internet están retirando soporte a versiones anteriores a Internet Explorer 8. Por ejemplo, el famoso Timeline de Facebook, ya no será visible en Internet Explorer 7. La misma Microsoft está realizando una campaña para que se deje de utilizar Internet Explorer 6 en su campaña Internet Explorer 6 Countdown.
Una solución al problema mencionado al inicio del post es desarrollar modificaciones al código css para versiones específicas de Internet Explorer, haciendo uso de comentarios condicionales, tal como lo explican en Microsoft.
Se utiliza el formato de comentarios en HTML, agregando [if IE]. Esto hace que sea reconocido por el navegador de Microsoft. Adicionalmente se tienen otros elementos para manejar versiones de IE que se describen a continuación.
- lt: Less than (Menor que)
- gt: Greater then (Mayor que)
- lte: Less than or equal (Menor o Igual que)
- gte: Greater than or equal (Mayor o Igual que)
Se explican ejemplos a continuación haciendo uso de estos condicionales reconocidos por Internet Explorer en la siguiente imagen:
Queda esperar a que futuras versiones de Internet Explorer, de la 10 en adelante, sigan incorporando nuevas funcionalidades y mejorando, tal y como ya los están mostrando en su IE 10 Test Drive.
Recent Comments