Añade CSS3 a Internet Explorer con un fichero .htc

Si hay algo de lo que los diseñadores web siempre nos vamos a quejar es de las limitaciones de Internet Explorer, un navegador que no ayuda para nada a los usuarios y a los diseñadores (y programadores) al no seguir los estándares, algo que por suerte parece cambiar en la beta de la versión 9.

Pero como casi todo el mundo usa las versiones 6, 7 y 8 tenemos que centrarnos en esas, que no soportan CSS3 y nos dejan sin las sombras, bordes redondeados… etcétera, algo que por suerte podemos solucionar con un fichero .htc.

Tras el salto os pongo un ejemplo de cómo aplicarlo. Yo lo he probado y funciona… pero no es igual que CSS3, en los elementos móviles se pierde fluidez y encima tarda más en cargar la página al renderizar las sombras.

Fuente | aNieto2k

Descarga | Fichero .HTC

.box {
 -moz-border-radius: 15px; /* Firefox */
 -webkit-border-radius: 15px; /* Safari and Chrome */
 border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

 -moz-box-shadow: 10px 10px 20px #000; /* Firefox */
 -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
 box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */

 behavior: url(ie-css3.htc); /* Activamos el soporte para IE */
}

Escribe un comentario