Nedavno sam napisao jedan članak o CSS3: Zaobljene CSS uglovima , što je odlično rješenje za stvaranje zaobljenim uglovima. Međutim, Internet Explorer još uvijek ne podržavaju ga, ali ne postoji rješenje koje objašnjava ovaj članak.
Sljedeće dvije poveznice pokazati radna verzija i također zip datoteku tako da možete skinuti sve što je potrebno da biste dobili ovaj rad.
HTML je prilično ravno naprijed i koristi kôd iz drugog članka - HTML5 tutorial: Uvod .
Kako da biste dobili zaobljenih uglova koji rade u IE morat ćete jQuery i jQuery kutak pismo od kojih su oba uključena u gore zip datoteku koju sam onda ste upućuje iz HTML-a.
<script src="js/jquery-1.3.2.min.js"></script>
<script src="js/jquery.corner.js"></script>
Zatim možete jednostavno ćete morati reći preglednik koji kutovi želite biti zaobljeni.
<script>
$("#container").corner();
$("section").corner();
$("aside").corner();
$("#main-navigation a").corner("top 5px");
</script>
Ako ste upoznati sa CSS-om uopće onda bi trebao biti u mogućnosti da lako vidjeti kako se to nanosi JavaScript kako smo jednostavno koristite element, ID ili klase unutar navodnika ciljati taj dio HTML-a.
Rezime
I to je sve za njega. Možete stvoriti sve vrste zaobljenim uglovima učinaka kao što je prikazano na zaobljenim uglovima demo site . Do sada, uvijek sam stvorio zaobljeni kutovi koristeći ovu metodu , ali vidjeti jednostavnost ove jQuery rješenje, ja sam u iskušenju da se prebaci za Internet Explorer barem i oslanjaju se na CSS3 za WebKitu i Mozilla preglednicima.
Što mislite? Jeste li još uvijek koriste slike za zaobljenih kutnih rješenja ili su JavaScript i CSS3 metode postaje puno više raširena u razvoju zajednice?
hvala vam Ram, ovo rješenje mi je pomogao puno. U potrazi za takvim dobrim člancima od vas.