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 plugin, чтобы сделать это.

Answer 2

IE не поддерживает закругленные углы как CSS, возможно, он поступит в IE9, но я использую что-то под названием DDroundies. Whick использует 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> 

Answer 3

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

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

Answer 4

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

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

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