Viimeksi kirjoitin artikkeli CSS3: Pyöreä CSS Corners , mikä on hyvä ratkaisu luoda pyöristetyt kulmat. Kuitenkin Internet Explorer ei vielä tue sitä, mutta on olemassa ratkaisu, joka tässä artikkelissa kerrotaan.

Seuraavat kaksi linkit osoittavat toimiva versio ja myös zip-tiedoston, jotta voit ladata kaiken mitä tarvitset saada tämä työ.

• IE pyöristetyt kulmat demo
• eli-pyöristetyn corners.zip

HTML on melko suoraan eteenpäin ja käyttää koodin toinen artikkeli - HTML5 tutorial: Aloittaminen .

Saadaksesi pyöristetyt kulmat toimivat IE sinun JQuery ja JQuery nurkassa käsikirjoituksen jotka molemmat kuuluvat edellä zip-tiedoston, jossa olen sitten viitatut HTML.

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

Seuraavaksi sinun tarvitsee vain kertoa selaimen, joka nurkat haluat olla pyöristetyt.

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

Jos olet perehtynyt CSS lainkaan niin sinun pitäisi pystyä helposti nähdä, miten tämä levitetään JavaScriptiä me yksinkertaisesti käyttämällä elementin tunnus tai luokan sisällä lainauksia kohdistaa osaa HTML.

Yhteenveto

Ja se kaikki ei ole sitä. Voit luoda kaikenlaisia ​​pyöristetty kulma vaikutusten näkyvän pyöristetyt kulmat Demosivusto . Tähän asti olen aina luonut pyöristetyt kulmat käyttäen tätä menetelmää mutta nähdä yksinkertaisuus jquery ratkaisu, olen taipuvainen vaihtaa Internet Explorerin ainakin ja luottaa CSS3 on WebKit ja Mozilla-selaimissa.

Mitä mieltä olet? Vieläkö käytät kuvia pyöristetty kulma ratkaisuja tai JavaScript ja CSS3 menetelmiä tulossa paljon laaja leviäminen kehittämiseen yhteisössä?