CSS: Поддержка скругления углов (“border-radius”) в IE

CSS, HTML, Вопросы и ответы
27 февраля 2012

Вопрос

Как обстоят дела в IE с поддержкой CSS-атрибута "border-radius", отвечающего за скругление углов?


Ответ №1

Начиная с 9-й версии, все в IE с этим нормально.

Вот как можно назначить скругление углов в 15 пикселей объекту с классом ‘myclass’:

.myclass {
 border-style: solid;
 border-width: 2px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
}
Пример

IE9 будет ориентироваться на border-radius, так что не забудьте включить это свойство в Вашу таблицу стилей.

-moz-border-radius указано для Firefox, -webkit-border-radius - для вебкитов (то есть Safari и Chrome, хотя новые версии этих браузеров уже поддерживают и обычное свойство ‘border-radius’ без вендорных префиксов).

Важное примечание: не забудьте вставить в Вашу веб-страницу строчку:

<meta http-equiv="X-UA-Compatible" content="IE=9" />

Она указывает, что Ваш документ совместим с IE9. Некоторые делают так:

<meta http-equiv="X-UA-Compatible" content="IE=7" />

В этом случае скругление углов не будет работать в IE.

Нет комментариев

Добавить комментарий


(обязательно)