Поддержка "border-radius" в IE - PullRequest
157 голосов
/ 11 марта 2009

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

Ответы [ 11 ]

218 голосов
/ 24 сентября 2010

Да! Когда 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.

46 голосов
/ 26 марта 2010

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

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

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

27 голосов
/ 11 марта 2009
18 голосов
/ 11 октября 2010

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

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

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

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

12 голосов
/ 11 марта 2009

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

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

7 голосов
/ 03 ноября 2012

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

6 голосов
/ 20 ноября 2009

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

4 голосов
/ 25 сентября 2013

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

2 голосов
/ 10 декабря 2010

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

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

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

2 голосов
/ 07 мая 2010

Вопрос с угловым радиусом IE решит.

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...