CSS3 y Internet Explorer (border-radius ie6,ie7,ie8)

Algunas propiedades CSS3 como border-radius, box-shadow, o linear-gradient son propiedades que todo navegador “decente” reconoce, pero Internet Explorer 6,7 y 8 no.
Al fín los de Micro$oft se han dado cuenta y en Internet Explorer 9 han implementado el reconocimiento de estos.

Si quieres usar estas propiedades en Internet Explorer existe una solución muy efectiva,se llama Css3Pie. Por ejemplo,para usar bordes redondeados:


#ejemplo{
 -webkit-border-radius: 1px;
 -moz-border-radius: 1px;
 border-radius: 1px;
 }

Pero al usar IE no se visualizan los bordes redondeados, entonces al código anterior le agregamos behavior:url(PIE.htc)


#ejemplo{
 -webkit-border-radius: 1px;
 -moz-border-radius: 1px;
 border-radius: 1px;
 behavior: url(PIE.htc);
 }

PIE.htc es un archivo que podemos descargarlo desde css3pie.com .

El mismo método se usa para box-shadow y linear-gradiente , usando al final behavior: url(PIE.htc);

Como dirían en un programa de TV de cuyo nombre no puedo acordarme, “fácil, sencillo y para toda la familia”…

Un Saludo!

Juanan Web

4 respuestas a “CSS3 y Internet Explorer (border-radius ie6,ie7,ie8)

  1. We absolutely love your blog and find many of your post’s to be what precisely I’m looking for.

    can you offer guest writers to write content for you?
    I wouldn’t mind composing a post or elaborating on some of the subjects you write with regards to here. Again, awesome weblog!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s