用于div的CSS圆形边框适用于chrome和ff,但不适用于IE

用于div的CSS圆形边框适用于chrome和ff,但不适用于IE,css,Css,我有一个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

我有一个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边框

谢谢
Jean

IE还没有基于CSS的圆角选项,我用a来实现。

IE还没有基于CSS的圆角选项,我用a来实现。

IE还不支持CSS的圆角,也许它会出现在IE9中,但是我使用了一种叫做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>

DD#u roundies.addRule('cvr input.text','5px',false);
DD#u roundies.addRule('div#roundbigbox','10px',false);

IE目前还不支持圆角CSS,也许它会出现在IE9中,但我使用了一种叫做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>

DD#u roundies.addRule('cvr input.text','5px',false);
DD#u roundies.addRule('div#roundbigbox','10px',false);

恐怕IE不可能只使用CSS


请看网站——它使用圆角作为按钮,但不适用于IE。如果雅虎能接受这一点,你也可以试试:)。

我担心,仅使用CSS的IE是不可能的


请看网站——它使用圆角作为按钮,但不适用于IE。如果雅虎能接受这一点,你也可以试试:)。

也有很多方法可以实现这一点,而不必使用JS。不过这取决于你个人的喜好

它可以通过将div嵌套在彼此内部并在拐角处覆盖背景图像来实现


这是一个相当简单的基于XHTML和CSS的解决方案。

也有很多方法可以在不使用JS的情况下实现这一点。不过这取决于你个人的喜好

它可以通过将div嵌套在彼此内部并在拐角处覆盖背景图像来实现

是一个相当简单的基于XHTML和CSS的解决方案