CSS3 Pie: CSS3 en Internet Explorer 6, 7 y 8

Balu18 Febrero 2011 - 7:39am 2 comentarios
Enviar por Email Imprimir

CSS3 Pie: CSS3 en Internet Explorer 6, 7 y 8

CSS3 viene con interesantes características: esquinas redondeadas, sombras, gradientes y más. CSS3 promete hacer todo esto. Sin embargo, como todos sabemos, la falta de soporte de Internet Explorer limita el uso de estas nuevas características. Ante este problema, surge CSS3 Pie...

CSS3 Pie es un comportamiento adjunto a IE, el cual, cuando es aplicado a un elemento, permite a IE reconocer y mostrar el número de propiedades CSS3. Por ejemplo, si tenemos el siguiente CSS:

#myElement {
    background: #EEE;
    padding: 2em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
}

El resultado será una caja con unas ligeras esquinas redondeadas en casi todos los navegadores modernos, excepto, por supuesto, Internet Explorer 6, 7 y 8, el cual mostrará una caja con esquinas cuadradas. Sin embargo, si añadimos la siguiente regla al final del CSS:

#myElement {
    ...
    behavior: url(PIE.htc);
}

Ahora observaremos el mismo efecto de esquinas redondeadas en IE. Pero eso no es todo. Podemos realizar el mismo procedimiento para dar soporte a otras características de CSS3:

  • border-radius
  • box-shadow
  • border-image
  • multiple background images
  • linear-gradient as background image

El archivo PIE.htc lo podemos descargar desde el siguiente enlace.

Descargar | PIE.htc
Demo | CSS3 Pie

Recomendado: Cómo diseñar HTML5 con Adobe Dreamweaver CS5

Comentarios

Imagen de Hector Matias
Hector Matias

Hola...!!! Esta pajina vale lo que tiene

Imagen de joseba
joseba

Hola, me gustaria saber si a alguien le pasa lo que a mi.
En las paginas que tengo animaciones flash o videos Youtube, si llamas a la libreria PIE.htc desde la hoja de estilos, se ralentiza el video y va como a saltos. En cuanto dehabilito la libreria se vuelven a ver bien los videos, aunque los bordes redondeados desaparecen en IE8 com es logico.
O sea, con PIE.htc el IE7/8 no muestra bien los flash.
¿O sera otra cosa...?
Si alguien lo sabe , Gracias

Tutoriales

Cómo descargar videos de VK.com
En este artículo voy a explicar como descargar videos y películas...
Descargar Facebook Móvil Gratis
Por si aún no lo han hecho, es posible descargar Facebook Móvil...
Cómo generar tráfico web con las redes sociales - Paso a Paso
Muchas empresas están publicando contenidos como la forma de crear...

Artículo Recomendado

3 Tips cruciales para recuperar archivos eliminados
¿Te imaginas perder el trabajo de toda una semana en tan solo unos segundos? Todos hemos pasado por este problema. Quizás eliminamos por error un archivo importante o lo borramos sin pensar que era valioso para otro... más