Nedávno som napísal článok o CSS3: Cylindrické CSS rohov , čo je skvelé riešenie pre vytváranie zaoblenými rohmi. Avšak, Internet Explorer zatiaľ nepodporuje, ale je tu riešenie, ktoré tento článok vysvetľuje.

Nasledujúce dva odkazy preukázať základnej verzii a tiež zip súbor, takže si môžete stiahnuť všetko, čo potrebujete k tejto práci.

• IE zaoblené rohy demo
• tj guľaté-corners.zip

HTML je docela rovno vpred a používa kód z iného článku - HTML5 tutoriál: Začíname .

Aby bolo možné získať pracovné zaoblené rohy v IE budete musieť jQuery a jQuery rohový skript z ktorých oba sú zahrnuté do vyššie uvedeného zip súbor, ktorý som potom odkazuje z HTML.

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

Ďalej budete jednoducho musieť povedať prehliadač, ktorý rohy chcete byť zaoblené.

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

Ak ste oboznámení s CSS vôbec, potom by ste mali byť schopní ľahko vidieť, ako je to nanáša JavaScript, ako sme jednoducho pomocou prvku, alebo ID triedy do úvodzoviek zamerať túto časť HTML.

Zhrnutie

A to je všetko, čo je k tomu. Môžete vytvoriť všetky druhy zaobleným nárožím účinky, ako je uvedené na zaoblenými rohmi demo stránke . Až doteraz som vždy vytvorená zaoblené rohy pomocou tejto metódy , ale videl jednoduchosť tohto riešenia jQuery, som v pokušení prejsť k aplikácii Internet Explorer najmenej a spoľahnúť sa na CSS3 pre WebKit a Mozilla prehliadača.

Čo si myslíte? Používate stále obrázky pre zaobleným nárožím riešenia alebo sú JavaScript a CSS3 metódy sú oveľa rozšírenejším v komunite vývojárov?