Cualquiera que haya pasado un par de minutos personalizando su blog debe haber notado lo penoso y frustrante que resulta diseñar para Internet Explorer, en especial al ser el navegador más utilizado.

Y si antes era difícil, con las nuevas tecnologías como CSS3 es todo un dolor de cabeza, en cualquier otro navegador nos ahorraríamos mucho tiempo gracias a estos elementos, pero la mayoría no son soportados por IE, por suerte, hay proyectos para resolver esta situación, uno de ellos es CSS3 PIE.

Funciona mediante un archivo que integrará el CSS3 en el navegador por medio de la hoja de estilos, por ejemplo:

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

En cualquier navegador (menos IE) esto nos regresará una caja con bordes redondeados, para mostrarlo en IE tendríamos que utilizar imágenes y alguno que otro hack, o podrías añadir esto:

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

Y los bordes redondeados se mostrarán mágicamente en IE, es un proyecto joven pero ya soporta varias propiedades:

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

Y esperamos que pronto aumente su soporte, ya que es una herramienta de lo más útil que podamos encontrar.

Web PIE

Vía | Kabytes

Por admin

Deja una respuesta