CSS - border-radius не отображается в IE6 / 7 / 8
-
18-09-2019 - |
Вопрос
Я использую следующий CSS для создания закругленной границы моего DIV:
border: 1px solid #999;
border-radius: 6px;
-ms-border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
Но в IE 6/7/8, несмотря на то, что я включаю определенный радиус IE, он не отображает закругленную границу DIV (он отображает квадратную границу).
Есть идеи, почему только IE 6/7/8 не отображает закругленную границу?
Решение
Начиная с IE8, IE не поддерживает свойство border-radius CSS3.Не уверен, что вы видели, что это так.Вы можете использовать изображения, JavaScript или многие другие приемы, чтобы скруглить углы в IE.
Другие советы
нет -ms-border-radius Internet Explorer его не поддерживает.
«Новейшая» вещь, которую Microsoft может сказать о закругленных углах: этот старый хак table+images под названием «Оставаясь на шаг впереди» ;-)
IE не поддерживает border-radius.
Крис Уилсон [MS] (Эксперт):
Q:[9] Есть планы по поддержке CSS' border-radius, например.-мс-радиус границы: 5 пикселей;?Firefox и Safari имеют -khtml- и -moz- реализации, которые мы можем использовать для выполнения закругленных углов без изображений или спрайтов и повышения производительности ie. http://preview.tinyurl.com/9y3tfn/
A:border-radius находится высоко в списке пожеланий , но его не будет в IE8.
Хотя я понимаю, что ответ был принят, я хотел бы предложить - если вам нужны дополнительные советы/поддержка/руководства - взглянуть на Пышные углы;у них есть JS-библиотека с примерами.
Как, конечно, и делаю MooИнструменты, пусть и со сторонним (насколько я мог судить) модулем от офигенный синтез.И jQuery имеет собственный сторонний угловой плагин от метвин.