SummArg | Cursos y recursos para webmasters

09/01/2012

CSS3 en Internet Explorer con PIE

Progresive Internet Explorer (aka. PIE) nos ayuda a que nuestras propiedades CSS3 puedan visualizarse en Internet Explorer con pocas líneas de código extra. Soporta propiedades como border-radius, box-shadow, linear-gradient, border-image, fix de PNG para IE, etc. Su uso es muy simple, bastará con subir el archivo PIE.htc a nuestro servidor y debemos llamarlo desde la sección del estilo cuando sea requerido.

.box {
 background: linear-gradient(#EEFF99, #66EE33);
 -pie-background: linear-gradient(#EEFF99, #66EE33);
 behavior: url(/PIE.htc);
 }

La ruta al archivo debe ser relativa al documento que se visualiza y no a la ruta del CSS, además posee algunas indicaciones para los mejores resultados en su uso y pueden verlo en la documentación.

CSS3 PIE

Dejar un comentario

  1. Hola Nekko, te comento que ya avía utilizado pie en html y no me avía dado problemas pero esta ves estoy tratando de utilizarlo en un theme para wordpress y no eh podido conseguir que funcione correctamente, alguna recomendación?.

    Saludos.

  2. Nekko

    Fijate si el problema no pasa por las rutas hacia el recurso desde tu CSS. Yo lo utilicé con themes WordPress, pero indicando la ruta directa, por ejemplo:
    behavior: url(http://www.summarg.com/wp-content/themes/summarg/scripts/PIE.htc);

  3. Gracias Nekko me a dado resultado tu consejo 😉 .

    …:::Saludos:::…

Dejar un comentario