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 */
}
¿Necesitas contratar un hosting para tu web?
En SiteGround tienes disponible una amplia oferta de hostings para todo tipo de bolsillos y necesidades. Encuentra el hosting que estás buscando al mejor precio, con las últimas tecnologías en velocidad y seguridad web y soporte en español 24h:
HostingHosting WordPress

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *