Радиус границы в IE не работает

Question

Мне нужно сделать круглые углы, когда я пытаюсь, как это работает в Firefox и Chrome, но не в IE.

#tab_labels div {
   border-top-right-radius:4px;
   border-top-left-radius:4px;
   -moz-border-radius-topleft: 4px;
   -moz-border-radius-topright: 4px;
}

Answer 1

В настоящее время IE 9 и 10 являются единственными версиями IE, которые поддерживают border-radius.IE 8 и ниже не поддерживают border-radius.Для этого вам понадобится сторонняя помощь, например CSS3Pie .

Answer 2

Если вы действительно хотите начать использовать CSS3.

Вы должны действительно знать, что IE отстой.

На самом деле не только для CSS3.Как правило, IE отстой.

Таким образом, IE (до 9) по умолчанию не поддерживает закругленные углы.

Вы должны либо использовать изображения / прибегнуть к каким-то сторонним вещам.

Answer 3

Вы можете использовать метатег ниже, чтобы активировать некоторые свойства CSS в IE.я использую этот тег и у меня нет таких проблем.

<meta http-equiv="X-UA-Compatible" content="IE=edge">

Answer 4

border-radius будет работать в IE9, только не в версиях ниже этого (IE8, IE7, ...)

Answer 5

Взгляните на ПИРОГ

Пример:

#yourdiv{
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    behavior: url(PIE.htc);
}