Закругляем уголки в IE через CSS

Долгожданные скругленные углы теперь реальность, и применять их можно не только в Firefox, Chrome, Opera и Safari, но и в Internet Explorer 6 и выше. Больше не нужно долго и нудно резать изображения на кусочки или строить огромные конструкции, теперь все просто благодаря border-radius.htc.

Как мы знаем, все современные браузеры (кроме IE) уже научились понимать CSS-свойство border-radius.

Чтобы заставить InternetExplorer понимать свойство border-radius и научить его правильно обрабатывать данные, нужно подключить небольшую библиотеку border-radius.htc

Если говорить о готовом кроссбраузерном примере CSS-класса, то он будет таковым:

.round {
    border:1px solid #ae037b;
    border-radius: 15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    -o-border-radius: 5px;
    -khtml-border-radius: 5px;
    behavior: url("border-radius.htc");
    height:200px;
    width:400px;
    background:#c146a4;
}

Собственно вот рабочий пример:

Обратите внимание, что это работает везде, в том числе IE6, IE 7, и в IE 8.

Источник: neoprizma.ne

• поправьте в ie6

  30 сентября 2010, 14:47 коммент полезен : 0 # Guest

• да все работает, смотрите ПО ССЫЛКЕ а не здесь)))

  10 марта 2011, 09:43 коммент полезен : 0 # Гость

• Есть один важный ньюанс - в IE нельзя задать закруглённость каждого из углов отдельно.

  06 апреля 2011, 22:25 коммент полезен : 0 # Максим

• Да, может и для одинокого блока это работает, но когда таких элементов множество, включая input'ы, то начинается такое, что мама не горюй. Скрытые элементы становятся видимыми, все прыгает. Не лучшее решение.

  06 сентября 2011, 07:33 коммент полезен : 0 # Techno77

• Да, одно лечится, другое калечится. У меня есть костыли для придания полупрозрачной транспаретности в ИЕ, так при установке этого лекарства такой ужас возник!!! все ПНГ стали чернее атомной войны

  25 октября 2011, 10:56 коммент полезен : 0 # Аркадий (гость)

• проверила пример в IE -Тестере, не работает (

  10 ноября 2011, 16:42 коммент полезен : 0 # Lena