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

Вопрос

Как обстоят дела в 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.

No responses yet

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