Recentemente ho scritto un articolo su CSS3: Angoli arrotondati CSS , che è una grande soluzione per la creazione di angoli arrotondati. Tuttavia, Internet Explorer ancora non lo supporta, ma c'è una soluzione che questo articolo spiega.

Le seguenti due link prova di una versione funzionante e anche un file zip in modo da poter scaricare tutto il necessario per ottenere questo lavoro.

• IE demo angoli arrotondati
• IE-arrotondato corners.zip

Il codice HTML è piuttosto semplice e utilizza il codice da un altro articolo - Tutorial HTML5: Getting Started .

Al fine di ottenere gli angoli arrotondati che lavorano in IE devi JQuery e la sceneggiatura angolo JQuery entrambi i quali sono inclusi nel file zip di sopra del quale ho poi fatto riferimento dal codice HTML.

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

Poi si sarà sufficiente dire al browser che si desidera angoli da arrotondare.

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

Se si ha familiarità con i CSS a tutti allora si dovrebbe essere in grado di vedere facilmente come questa viene applicata utilizzando JavaScript come stiamo semplicemente utilizzando l'elemento, l'ID o la classe all'interno delle virgolette per indirizzare quella parte del codice HTML.

Riassunto

E questo è tutto ciò che devi fare. È possibile creare tutti i tipi di effetti angolo arrotondati come indicato sul sito demo angoli arrotondati . Fino ad ora, ho sempre creato angoli arrotondati utilizzando questo metodo, ma vedendo la semplicità di questa soluzione Jquery, sono tentato di passare per Internet Explorer e almeno contare su Webkit e CSS3 per i browser Mozilla.

Che ne pensi? State ancora utilizzando le immagini per soluzioni angolari arrotondati o sono il JavaScript e CSS3 metodi diventando sempre più ampia diffusione nella comunità di sviluppo?