Радиус границы в IE не работает

Мне нужно сделать круглые углы, когда я так стараюсь работать в firefox и chrome, но не в IE.

#tab_labels div { border-top-right-radius:4px; border-top-left-radius:4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;
}
5 ответов

В настоящее время IE 9 и 10 являются единственными версиями IE, которые поддерживают граничный радиус. IE 8 и ниже не поддерживают граничный радиус. Для этого вам понадобится сторонняя помощь, например CSS3Pie.


Если вы действительно хотите начать использовать CSS3.

Вы действительно должны знать, что IE отстой.

Собственно не только для CSS3. Как правило, IE отстой.

Таким образом, IE (до 9) по умолчанию не поддерживает округленные углы.

Вы должны использовать изображения/прибегать к некоторым материалам сторонних разработчиков.


border-radius будет работать в IE9, только не в версиях ниже (IE8, IE7,...)


вы можете использовать метатег ниже для активации некоторых свойств CSS в IE. Я использую этот тег и не имею таких проблем.


Взгляните на PIE

Пример:

#yourdiv{ -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; behavior: url(PIE.htc);
}

licensed under cc by-sa 3.0 with attribution.