Recentemente escribín un artigo sobre CSS3: CSS cantos arredondados , que é unha gran solución para crear cantos arredondados. Con todo, o Internet Explorer non soporta iso, pero hai unha solución que este artigo explica.

Os seguintes dous enlaces demostrar unha versión de traballo e tamén un arquivo zip que podes baixar todo o que precisas para comezar este traballo.

• IE redondeado demostración cantos
• ie-romo-corners.zip

O HTML é moi sinxelo e utiliza o código de outro artigo - tutorial HTML5: Primeiros pasos .

Co fin de obter os cantos redondeados de traballo no IE precisa JQuery eo guión canto JQuery ambos os cales se inclúen no arquivo zip sobre o que eu entón referenciado a partir do HTML.

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

A continuación, só precisa saber ao navegador que quere cantos deben ser redondeados.

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

Se está familiarizado con CSS en todo, entón ten que ser capaz de facilmente ver como iso se aplica a usar JavaScript coma nós estamos simplemente usando o elemento, ID ou clase dentro das comiñas para alcanzar esa parte de HTML.

Resumo

E iso é todo o que existe para ela. Podes crear todo tipo de efectos de canto redondeadas como se mostra no web de cantos redondeados demostración . Ata agora, eu sempre creou cantos arredondados usando este método , pero vendo a sinxeleza desta solución jQuery, estou tentado a cambiar a Internet Explorer, polo menos, e contan con CSS3 para Webkit e Mozilla.

¿Que pensas? Aínda está usando imaxes de solucións de canto redondeadas ou son Javascript e CSS3 métodos facendo moito máis ampla difusión na comunidade de desenvolvemento?