div的CSS圆角边框适用于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);  
}

如何在IE上做圆角div边框。

谢谢，吉恩

Answer 1

IE还没有基于CSS的圆角选项，我使用jQuery Corner plugin来做这件事。

Answer 2

IE目前还不支持圆角，也许它会出现在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>

Answer 3

我担心这是不可能的IE只有CSS。

参见exemplary page on Flickr.com网站--它对按钮使用圆角，但不适用于IE。如果雅虎能接受这一点--你也可以试试:)。