Поддержка «border-radius» в IE.

StackOverflow https://stackoverflow.com/questions/635851

  •  10-07-2019
  •  | 
  •  

Вопрос

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

Это было полезно?

Решение

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

Допустим, вы хотите, чтобы со всех четырех сторон были равные 15 пикселей:

.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.

Другие советы

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

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

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

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

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

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

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

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

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

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

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

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

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

http://kbala.com/ie-9-supports-corner- радиус /

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

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

http://frugalcoder.us/ запись / 2010/09/15 / ie9 угла плюс градиент-fail.aspx

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

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

<Ол>
  • Нажмите на шестерню в правом верхнем углу браузера IE.
  • Нажмите "Настройки просмотра совместимости"
  • Теперь снимите 2 флажка, которые установлены по умолчанию.

    • Убедитесь, что флажки сняты, как на рисунке

    Лицензировано под: CC-BY-SA с атрибуция
    Не связан с StackOverflow
    scroll top