Недавно я написал статью о 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 методы становятся все более широкое распространение в развитии общества?
Спасибо Рам, это решение мне очень помогли. Глядя на таких хороших статей от вас.