Recentemente eu escrevi um artigo sobre CSS3: CSS cantos arredondados , que é uma grande solução para criar cantos arredondados. No entanto, o Internet Explorer ainda não suporta isso, mas existe uma solução que este artigo explica.

Os seguintes dois links demonstrar uma versão de trabalho e também um arquivo zip que você pode baixar tudo que você precisa para começar este trabalho.

• IE arredondado demonstração cantos
• ie-arredondado-corners.zip

O HTML é bastante simples e utiliza o código de outro artigo - tutorial HTML5: Primeiros passos .

A fim de obter os cantos arredondados de trabalho no IE você precisa JQuery eo roteiro canto JQuery ambos os quais são incluídos no arquivo zip acima do qual eu então referenciado a partir do HTML.

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

Em seguida, você só precisa informar ao navegador que você quer cantos devem ser arredondados.

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

Se você estiver familiarizado com CSS em tudo, então você deve ser capaz de facilmente ver como isso é aplicado usando JavaScript como nós estamos simplesmente usando o elemento, ID ou classe dentro das aspas para atingir essa parte do HTML.

Resumo

E isso é tudo que existe para ela. Você pode criar todos os tipos de efeitos de canto arredondadas como mostrado no site de cantos arredondados demonstração . Até agora, eu sempre criou cantos arredondados usando este método , mas vendo a simplicidade desta solução jQuery, estou tentado a mudar para o Internet Explorer, pelo menos, e contam com CSS3 para Webkit e Mozilla.

O que você acha? Você ainda está usando imagens de soluções de canto arredondadas ou são o JavaScript e CSS3 métodos se tornando muito mais ampla disseminação na comunidade de desenvolvimento?