Поддержка "границы радиуса" в IE

Question

Поддержка "границы радиуса" в IE

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

661 11

css css3 internet-explorer

11 ответов:

Comments

Ничего не найдено.

Kevin Florida · Accepted Answer · 2011-10-12 21:38:24

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

David Johnstone · Accepted Answer · 2010-03-26 01:08:36

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

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

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

Luis Melgratti · Accepted Answer · 2009-03-11 20:58:51

пока вы ждете.. изогнутый угол (граница радиуса) кросс-браузер

Peter G · Accepted Answer · 2011-02-16 02:12:24

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

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

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

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

Ben S · Accepted Answer · 2011-12-30 15:51:38

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

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

JAVAC · Accepted Answer · 2012-11-03 12:00:10

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

simonrjones · Accepted Answer · 2009-11-20 16:22:47

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

Iago Bruno · Accepted Answer · 2013-09-25 05:13:39

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

jaya · Accepted Answer · 2010-05-07 16:20:37

вопрос радиуса угла IE собирается решить.

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

SigmaBetaTooth · Accepted Answer · 2010-12-10 17:01:44

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

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

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

Allan Starr · Accepted Answer · 2014-08-07 20:09:58

решено-не рендеринг границы радиуса правильно в IE 10 и 11

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

нажмите на зубчатое колесо в правом верхнем углу браузера IE

нажмите на Настройки просмотра совместимости

теперь снимите 2 флажка, которые установлены по умолчанию.