Скругленная граница CSS для div работает на chrome и ff, но не на IE

Question

У меня есть этот стиль CSS, который делает закругленные углы для границы div, но по какой-то причине IE не нравится этот код.

#selector{
    background-color:#DBDBDB;
    margin-top:-23px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-color:rgba(255,255,255,0.5);  
}

Как сделать округлую границу div в IE.

Спасибо, Жан

Answer 1

В IE пока нет опции скругления углов на основе CSS, для этого я использую плагин jQuery Corner .

Answer 2

Есть также несколько способов добиться этого без использования JS. Это действительно зависит от ваших личных предпочтений.

Этого можно добиться, вложив элементы div внутри друг друга и наложив фоновые изображения по углам.

Thrashbox - довольно простое решение проблемы на основе XHTML и CSS.

Answer 3

Боюсь, что это невозможно для IE только с CSS.

См. Примерную страницу на веб-сайте Flickr.com - для кнопок используются круглые углы, но не IE Если Yahoo может с этим смириться - вы тоже можете попробовать:).

Answer 4

IE пока не поддерживает закругленные углы как CSS, возможно, он появится в IE9, но я использую что-то под названием DDroundies , которое использует Javascript, чтобы сделать ваши границы IE округленными, используя только код.

Пример:

<script src="ddroundies.js" type="text/javascript"></script>
<script type="text/javascript">


  <!-- IE only-->
  DD_roundies.addRule('#cvr input.text', '5px', false);

 DD_roundies.addRule('div #roundbigbox', '10px', false);
</script>