Border-Radius для DIV элемента не работает в IE8

Question

Border-Radius для DIV элемента не работает в IE8

The -moz-border-radius:10px; -webkit-border-radius:10px;
свойства элемента DIV не работают в IE8, но это прекрасно работает в Firefox и google chrome. Пожалуйста, предоставьте мне, если у вас есть какое-либо решение по этому вопросу.

540 3

javascript html css

3 ответов:

Comments

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

jackJoe · Accepted Answer · 2011-08-02 12:02:44

Это потому, что -moz... и -webkit... являются свойствами для firefox и safari/chrome!

Также border-radius является свойством CSS3, и IE8 его не поддерживает.

andyb · Accepted Answer · 2011-08-02 14:40:37

Свойство CSS3 border-radius являетсяне поддерживается в IE8.

Если вы можете, я настоятельно рекомендую использовать прогрессивное улучшение подход к решению подобных проблем.

Rowan · Accepted Answer · 2011-09-08 02:07:38

Взглянуть на пирог -- http://css3pie.com. Он поддерживает большинство свойств CSS3, а как границы-радиус, и это работает с версии IE7, IE8 и IE9. Не облагает налогом CSS3-совместимые браузеры.

Вы можете прочитать больше об этом на веб-сайте, но по существу он работает следующим образом:
div#foo {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(/PIE.htc);
}