Нещодавно я написав статтю про CSS3: Закруглені кути CSS , який є відмінним рішенням для створення закруглених кутів. Тим не менш, Internet Explorer не підтримує, але є рішення, яке ця стаття пояснює.
Наступні два посилання демонструвати робочу версію, а також архіву, таким чином Ви можете завантажити все необхідне, щоб отримати цю роботу.
HTML є досить прямо вперед і використовує код з іншої статті - HTML5 підручника: Приступаючи до роботи .
Для того щоб отримати закруглені кути, які працюють в IE потрібно JQuery і JQuery сценарій кутку обидва з яких включені в вищезазначений файл ZIP, який я потім посилатися HTML.
<script src="js/jquery-1.3.2.min.js"></script>
<script src="js/jquery.corner.js"></script>
Далі вам просто потрібно вказати браузер, який кути ви хочете бути закруглені.
<script>
$("#container").corner();
$("section").corner();
$("aside").corner();
$("#main-navigation a").corner("top 5px");
</script>
Якщо ви знайомі з CSS взагалі, то ви повинні мати можливість легко побачити, як це застосовується з використанням JavaScript, а ми просто за допомогою елемента, ID або класу в лапки, щоб мета, яка частиною HTML.
Резюме
І це все, що потрібно зробити. Ви можете створювати всілякі ефекти округлий кут, як показано на округлі кути демо сайт . До сих пір, я завжди створюється закругленими кутами використанням цього методу , але бачачи простоту цього Jquery рішення, мені хочеться, щоб перейти на Internet Explorer по крайней мере, і покладатися на CSS3 для Webkit і Mozilla браузерах.
Що ви думаєте? Ви все ще використовуєте зображення для округлий рішення кутку або JavaScript і CSS3 методи стають все більш широке поширення у розвитку суспільства?
Спасибі Рам, це рішення мені дуже допомогли. Дивлячись на таких хороших статей від вас.