Nedavno sam napisao članak o CSS3: Zaobljene CSS Corners , što je velik rješenje za stvaranje zaobljene kutove. Međutim, Internet Explorer još ne podržavaju ga, ali postoji rješenje koje je ovaj članak objašnjava.

Sljedeće dvije veze pokazuju radna verzija i zip datoteku tako da možete skinuti sve što je potrebno da biste dobili ovaj rad.

• IE zaobljenim kutovima demo
• odnosno zaokruženu-corners.zip

HTML je prilično ravno naprijed i koristi kôd iz drugog članka - HTML5 tutorial: Uvod .

Kako bi dobili zaobljeni kutovi radi u IE morat ćete jQuery i jQuery kutak pismo od kojih su oba uključena u gore navedene zip datoteku koju sam tada sam se upućuje iz HTML-a.

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

Zatim jednostavno ćete morati reći preglednik koji kutove želite biti zaobljeni.

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

Ako ste upoznati sa CSS uopće onda biste trebali biti u mogućnosti da lako vidjeti kako je to primijeniti pomoću JavaScripta kao što smo jednostavno koristite elementa, ID ili klase unutar citati za cilj da dio HTML-a.

Rezime

I to je sve što je na njega. Možete stvoriti sve vrste zaobljeni kut djelovanja kao što je prikazano na zaobljeni kutovi demo site . Do sada, ja sam uvijek stvorio zaobljeni kutovi koristeći ovu metodu , ali vidim jednostavnost ove jQuery rješenja, ja sam u iskušenju da prekidač za Internet Explorer barem i oslanjaju se na CSS3 za Webkit i Mozilla preglednika.

Što mislite? Jeste li još uvijek koriste slike za zaobljenih kutnih rješenja ili su JavaScript i CSS3 metoda postaje puno više raširena u razvoju zajednice?