Recent am scris un articol pe CSS3: CSS colturi rotunjite , care este o soluţie de mare pentru a crea colturi rotunjite. Cu toate acestea, Internet Explorer nu suportă încă, dar există o soluţie care explică acest articol.

Următoarele două legături demonstrează o versiune de lucru şi, de asemenea, un fişier zip, astfel încât să puteţi descărca tot ce ai nevoie pentru a obţine acest lucru.

• IE colturi rotunjite demo
• IE-rotunjite-corners.zip

HTML este destul de drept înainte şi foloseşte codul de la un alt articol - tutorial HTML5: Noţiuni de bază .

În scopul de a obtine colţuri rotunjite care lucrează în IE veţi avea nevoie de JQuery şi script-ul colţul JQuery ambele din care sunt incluse în fişierul zip de mai sus pe care l-am apoi referire la HTML.

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

Apoi, va trebui pur şi simplu pentru a spune browser-ul pe care colţuri doriţi să fie rotunjite.

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

Dacă sunteţi familiarizat cu CSS, la toate, atunci ar trebui să fie posibilitatea de a vedea cu uşurinţă modul în care acest lucru este aplicat cu ajutorul JavaScript pentru ca suntem pur si simplu folosind elementul, ID-ul sau de clasă în cadrul citate pentru a viza faptul că o parte din HTML.

Rezumat

Şi asta e tot acolo este să-l. Puteţi crea tot felul de efecte colt rotunjit aşa cum se arată pe site-ul rotunjit Demo colţuri . Până acum, întotdeauna am creat colturi rotunjite folosind aceasta metoda , dar văzând simplitatea acestei soluţii Jquery, eu sunt tentat să treacă pentru Internet Explorer, cel puţin şi să se bazeze pe CSS3 pentru Webkit şi browserele Mozilla.

Ce crezi? Eşti încă utilizaţi imagini pentru soluţii de colţ rotunjite sau sunt JavaScript şi CSS3 metode de a deveni mult mai larg răspândit în comunitatea de dezvoltare?