Поддержка "border-radius" в IE

Кто-нибудь знает, будет ли/когда Internet Explorer будет поддерживать атрибут CSS "border-radius"?

Ответ 1

Да! Когда IE9 выпущен в январе 2011 года.

Предположим, вы хотите получить 15px на всех четырех сторонах:

.myclass {
 border-style: solid;
 border-width: 2px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
}

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

-moz-border-radius для Firefox, -webkit-border-radius для Safari и Chrome.

Кроме того: не забудьте объявить, что ваш IE-код имеет значение ie9:

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

У некоторых ленивых разработчиков есть <meta http-equiv="X-UA-Compatible" content="IE=7" />. Если этот тег существует, border-radius никогда не будет работать в IE.

Ответ 2

Ответ на этот вопрос изменился с тех пор, как его спросили год назад. (Этот вопрос в настоящее время является одним из лучших результатов для "радиуса радиуса" в Google.)

IE9 поддерживает border-radius.

Существует предварительный просмотр платформы который поддерживает border-radius. Вам понадобится Windows Vista или Windows 7 для запуска предварительного просмотра (и IE9, когда он будет выпущен).

Ответ 3

Пока вы ждете.. Кросс-браузер с кривым углом (border-radius)

Ответ 4

Обходной путь и удобный инструмент:

CSS3Pie использует файлы .htc и свойство поведения для реализации CSS3 в IE 6-8.

Modernizr - это немного javascript, который поместит классы в ваш элемент html, что позволит вам использовать различные определения стилей для разных браузеров по их возможностям.

Очевидно, что эти оба добавляют дополнительные накладные расходы, но с IE9 из-за того, что они запускаются только в Vista/7, мы могли бы застрять довольно долго. По состоянию на август 2010 года Windows XP по-прежнему составляет 48% веб-клиентских ОС.

Ответ 5

Это не планируется для IE8. См. страница совместимости CSS.

Кроме того, никаких планов не было выпущено. Существуют слухи, что IE8 будет последней версией для Windows XP

Ответ 6

<!DOCTYPE html> без этого тега border-radius не работает в IE9, нет необходимости в метатегах.

Ответ 7

Быстрое обновление этого вопроса, IE9 будет поддерживать граничный радиус в соответствии с: http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for-developers.aspx

Ответ 8

Используйте -ms-border-radius: 15px, любой элемент, который использует css -ms-, совместим с IE.

Ответ 9

Проблема с угловым радиусом IE будет решена.

http://kbala.com/ie-9-supports-corner-radius/

Ответ 10

Как насчет поддержки радиуса границы и фонового градиента. Да, IE9 должен поддерживать их обоих отдельно, но если вы смешаете два градиента, вытечет из закругленного угла. Ниже приведена ссылка на плохой пример, но я видел это и в своем собственном тестировании. Если нужно сделать снимок экрана: (

Возможно, реальный вопрос в том, когда IE будет поддерживать стандарты CSS без проприетарных хаков MS-FILTER.

http://frugalcoder.us/post/2010/09/15/ie9-corner-plus-gradient-fail.aspx

Ответ 11

SOLVED - неверный рендеринг радиуса границы в IE 10 и 11

Для тех, кто не получает -ms-border-radius: или радиус границы: работать в IE 10,11 И он отображает все квадратные, а затем выполните следующие действия:

Нажмите на шестерню в правом верхнем углу браузера IE.
Нажмите "Параметры представления совместимости"
Снимите флажки с двух полей, отмеченных по умолчанию.