CSS3 Pie

Permite agregar bordes redondeados a Interner Explorer (versiones 6 a 9) mediante la propiedad de CSS3 "border-radius"

Objetivo y descripción

CSS3 Pie permite que funcione la propiedad border-radius en navegadores antiguos, de una de las siguientes dos formas:

La forma más común de lograrlo es el archivo htc. Javascript puede funcionar mejor en algunos casos, aquí sus ventajas y desventajas:

Ventajas

Se puede cargar pie desde un dominio diferente al de la página web.
No es necesario preocuparse por si el servidor está usando el header Content-type correcto para el archivo.
Se puede llamar al archivo con una ruta relativa, y sólo se tiene que hacer una vez por HTML.

Desventajas

Se tiene que esperar a que el DOM de la página cargue por completo, mientras que el behavior htc se aplica mientras la página aún está cargando. Esto hace más probable que, en una conexión lenta, el usuario logre ver el contenido sin border-radius antes de que termine de cargarse la página.
Pie.js No puede aplicarse automáticamente a elementos creados de forma dinámica, así que es necesario manejar con Javascript adicional estos casos.

Ventajas

Desventajas

La ruta del archivo htc se escribe relativa al HTML, no a la hoja de estilos, así que el estilo donde se indique este behavior no es reutilizable entre documentos HTML diferentes.

[jQuery] (http://jquery.com) - jQuery is a fast, small, and feature-rich JavaScript library. (Sólo para pie.js)

Para hacerlo mediante el archivo htc

En tu hoja de estilos, en la clase o id a la que vayas a aplicarle los bordes agrega el atributo behavior de la siguiente forma:

behavior: url(ruta_a_pie/PIE.htc); Nota: En Internet Explorer la ruta indicada en el behavior es relativa al HTML desde donde se utiliza, no al CSS.

Para hacerlo vía Javascript

Importa jQuery en tu HTML.
Debajo de jQuery, importa pie.js.
En un script, cuando la página haya cargado, llama al método PIE.attach(this) de la siguiente forma:

	if (window.PIE) {
	    $('selector').each(function() {
	        PIE.attach(this);
	    });
	}

Donde selector es la clase o id al que quieres aplicarle los bordes redondeados.