Recientemente escribí un artículo sobre CSS3: Las esquinas redondeadas de CSS , que es una gran solución para crear las esquinas redondeadas. Sin embargo, Internet Explorer aún no lo apoyan, pero no hay una solución que explica en este artículo.

Los dos siguientes enlaces muestran una versión de trabajo y también un archivo zip para que puedas descargar todo lo necesario para conseguir este trabajo.

• IE redondeadas esquinas de demostración
• es decir, redondeado-corners.zip

El HTML es bastante sencillo y utiliza el código de otro artículo - tutorial de HTML 5: Getting Started .

Con el fin de obtener las esquinas redondeadas de trabajo en el IE tendrá jQuery y el guión de la esquina JQuery ambos de los cuales están incluidos en el archivo zip a partir del cual he continuación, se hace referencia desde el HTML.

<script src="js/jquery-1.3.2.min.js"></script>
<script src="js/jquery.corner.js"></script>

A continuación, sólo tendrá que decirle al navegador que desea esquinas se redondearán.

<script>
$("#container").corner();
$("section").corner();
$("aside").corner();
$("#main-navigation a").corner("top 5px");
</script>

Si está familiarizado con CSS en absoluto, entonces debería ser capaz de ver fácilmente cómo se aplica el uso de JavaScript ya que estamos simplemente utilizando el elemento de identidad o de clases dentro de las comillas para dirigir esa parte del HTML.

Resumen

Y eso es todo lo que hay que hacer. Se pueden crear todo tipo de efectos de esquinas redondeadas, como se muestra en el sitio de demostración de las esquinas redondeadas . Hasta ahora, siempre he creado esquinas redondeadas usando este método , pero al ver la sencillez de esta solución Jquery, me siento tentado a cambiar a Internet Explorer como mínimo y se basan en CSS3 para Webkit y Mozilla.

¿Qué piensa usted? ¿Sigues usando imágenes de soluciones esquinas redondeadas o el código JavaScript y CSS3 métodos cada vez más amplia difusión en la comunidad de desarrollo?