Закругленные углы не работают в IE, CSS / DIV

Question

Мой css не работает с Iexplorer, может кто-нибудь объяснить мне, почему это не работает?

HTML

<div class="myBox"> Content  <div>

CSS:

.myBox {
    margin: 0.0in auto;
    color: #FFF;

    width: 450px;
    height:450px;
    padding: 12px;
    text-align: left;
    background-color: #444141;
    border: 0px solid #4e4b4b;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.myBox h2 {
    color:#f57f20

}

Answer 1

Вы должны использовать htc файл для поворота углов в IE6 +. В IE9 объявления CSS3 будут работать. Как использовать htc файл для кривых углов вы можете найти здесь http://starikovs.com/2010/08/24/css3-rounded-corners/.

Answer 2

IE не поддерживает закругленные углы CSS3, я бы рекомендовал отступить от использования изображений PNG.

Answer 3

Просто используйте свойство CSS3 border-radius. Конечно, это, вероятно, не будет работать до IE9, который возвращается к старому вопросу ...

Должны ли веб-сайты выглядеть одинаково в каждом браузере?

Answer 4

Поскольку IE не поддерживает пользовательские свойства Mozilla или WebKit.

Возможно, в качестве опции использовались независимые от браузера свойства круглого угла CSS3, но он пока не получил широкого применения в основных браузерах. Так что сейчас вам придется придерживаться изображений, если вы хотите кросс-браузерную совместимость или функцию с отключенным JavaScript.