Наскоро писах статия за CSS3: заоблени ъгли на CSS , което е чудесно решение за създаване на заоблени ъгли. Въпреки това, Internet Explorer все още не го подкрепят, но има решение, което тази статия обяснява.

Следните две връзки демонстрира работеща версия, а също и пощенски файл, така че можете да изтеглите всичко, което трябва да получите тази работа.

• IE заоблени ъгли демо
• IE-заоблени-corners.zip

HTML е доста чисти напред и да използва кода от друга статия - HTML5 урок: Как да започнем .

За да получите заоблени ъгли, които работят в IE, ще трябва JQuery и JQuery скрипт ъгъл, и двете от които са включени в горния файл с цип, което съм, визиран от на 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, тъй като ние сме просто като се използва елемент, лична карта или клас в рамките на кавичките, за да насочите тази част на HTML.

Обобщение

И това е всичко, за да го има. Можете да създавате всякакви на заоблени ефекти, ъглови, както е показано на заоблени ъгли демо сайт . До сега, аз винаги съм създаден заоблени ъгли, които използват този метод, но виждате простотата на този JQuery решение, аз съм изкушен да премине за Internet Explorer най-малко и разчитат на CSS3 за Webkit и Mozilla браузъри.

Какво мислите вие? Все още ли използвате изображения за заоблени решения ъглови или са JavaScript и CSS3 методи става много по-широко разпространение в общността за развитие?