Css: -webkit-border-radius для интернет-обозревателя?

Question

Я хочу установить границу для div,

Использование: -webkit-border-radius отлично работает на Chrome, но не работает для Internet Explorer, три версии: т.е. 6, 7 и 8: D

Есть ли какой-либо другой атрибут, например -webkit-border-radius, указывающий на IE?

Заранее спасибо.

Answer 1

Свойства CSS, начинающиеся с дефиса, являются префиксами поставщиков:

• -webkit (для браузеров Webkit, Chrome и Safari)
• -o (для Opera)
• -moz (для Firefox и, как мне кажется, для движка рендеринга Gecko)
• -ms (для IE)
• -khtml (для Konqueror)

Эти префиксы игнорируются другими движками браузера.

-webkit-border-radius предназначена для реализации Webkit свойства border-radius.Насколько я знаю, border-radius не будет реализовано в IE до IE 9 .

Answer 2

Попробуйте использовать CSS3Pie . Это очень легко позволяет адаптировать CSS3 декораторы для IE.

Я сделал небольшую демонстрацию с Sass несколько дней назад, если хотите проверить это в IE.

Answer 3

IE еще не реализовал CSS-свойство border-radius. Я верю, что с IE9 они будут реализовывать это. Что касается альтернативных вариантов и объяснений от самой команды, вот ссылка:

РЕДАКТИРОВАТЬ: IE9 поддерживает "border-radius".

Закругленные углы в Internet Explorer

Вот еще одна SO-ссылка, которая более детальна:

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

Еще одно, вот официальное сообщение в блоге MSDN, обсуждающее эту тему:

Уголок CSS: О уголках CSS

Answer 4

Я не знаю как вы, но я протестировал border-radius:15px в IE9, он работает:)