Pred kratkim sem napisal članek o CSS3: CSS zaobljenimi koti , kar je odlična rešitev za ustvarjanje zaobljenimi vogali. Vendar pa Internet Explorer še ne podpreti, vendar obstaja rešitev, ki ta člen pojasnjuje.
Naslednji dve povezave izkazujejo delovno verzijo in tudi zip datoteke, tako da lahko prenesete vse, kar potrebujete za to delo.
HTML je lepo naravnost naprej in uporablja kode iz drugega člena - HTML5 tutorial: Kako začeti .
Da bi dobili zaobljenimi robovi, ki delajo v IE boste morali JQuery in JQuery kotiček pisavo ki sta vključena v zgornji datoteki zip, ki sem jih nato sklicujemo iz HTML.
<script src="js/jquery-1.3.2.min.js"></script>
<script src="js/jquery.corner.js"></script>
Nato boste preprosto morali povedati, brskalnik, ki koti, ki ga želite zaokrožiti.
<script>
$("#container").corner();
$("section").corner();
$("aside").corner();
$("#main-navigation a").corner("top 5px");
</script>
Če ste seznanjeni s CSS sploh pa bi morali imeti možnost, da lahko vidite, kako se to uporablja z JavaScript, kot smo si preprosto uporabo element, ID ali razred v narekovajih usmeriti tisti del HTML.
Povzetek
In to je vse kar je z njo. Ustvarite lahko vse vrste zaobljenimi učinkov kota, kot je prikazano na okroglem mestu vogali demo . Do sedaj sem vedno ustvaril zaobljenimi robovi, ki uporabljajo to metodo, vendar vidim preprostost tega jQuery rešitev, sem v skušnjavi, da prehod na Internet Explorer najmanj in se zanašajo na CSS3 za mehanizmu WebKit in Mozilla brskalniki.
Kaj pa ti misliš? Ali si še vedno uporabi fotografij za zaokroženo rešitev kotiček ali pa JavaScript in CSS3 metode vedno bolj razširjena v razvoj skupnosti?
hvala Ram, ta rešitev mi je pomagala veliko. Iščete takšnih dobrih člankov iz vas.