Hiljuti kirjutasin artikli kohta CSS3: Ümarad CSS Corners , mis on suurepärane lahendus luua ümarate nurkadega. Kuid Internet Explorer ei toeta seda, kuid on olemas lahendus, mis see artikkel seletab.

Järgmised kaks lingid näitavad tööversioon ja ka zip faili, siis võite alla laadida kõike, mida vaja, et saada see töö.

• IE ümarate nurkadega demo
• so ümar-corners.zip

HTML on üsna otse edasi ja kasutab koodi teise artikli alusel - HTML5 juhendaja: Alustamine .

Selleks, et saada ümarate nurkadega töötavad IE peate jQuery ja jQuery nurgas script mis mõlemad on kantud üle zip faili, mis ma olen siis viidata sellele HTML.

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

Seejärel saate lihtsalt vaja sirvija mis nurka sa tahad olla ümardatud.

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

Kui te olete juba tuttav CSS üldse siis peaks olema võimalik lihtsalt näha, kuidas see on rakendatud kasutades JavaScript kui me lihtsalt kasutades element, ID või klass jooksul hinnapakkumisi suunata osa HTML.

Kokkuvõte

Ja see kõik on seda. Saate luua igasuguseid ümara nurga mõju näidatud ümarate nurkadega demo sait . Siiani olen alati loodud ümarate nurkadega, kasutades seda meetodit aga ei näinud lihtsus see jQuery lahendus, mul on kiusatus minna Internet Explorer vähemalt ja tugineda CSS3 jaoks WebKit ja Mozilla brauserid.

Mis sa arvad? Kas sa ikka kasutada pilte ümardatud nurga lahendused või on JavaScript ja CSS3 meetodid muutuvad palju laia leviku arendamisel kogukond?