Chrome Rounded Corner css?

问题描述:

直升机我有一个CSS代码是这样的:Chrome Rounded Corner css?

.rounded { 
    border-collapse:separate; 
    border:solid black 1px; 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -khtml-border-radius: 20px; 
    border-radius: 20px; 
} 

我呼吁页容器aspx页面上:

<div runat="server" id="placeholder_5" class="sf_cols placeholder_5"> 
      <div runat="server" style="border-style: groove; border-width: medium; float: left; 
       width: 100%; margin: 0; background-color: #C0C0C0;" class="sf_colsOut rounded"> 
       <div runat="server" style="padding: 7px;" class="sf_colsIn"> 
        <asp:ContentPlaceHolder ID="placeholder_5_widget_0" runat="server" /> 

       </div> 
      </div> 
     </div> 

但是当我调试的网页,只有火狐显示圆角的铬没有改变的看法,我看看互联网,并在铬使用说:

-webkit-border-radius: 20px; 

有没有解决方案?

+0

尝试仅使用边框半径, border-radius:20px; –

铬似乎工作正常。 http://jsfiddle.net/cjTYs/

.rounded { 
border-collapse:separate; 
border:solid black 1px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
-khtml-border-radius: 20px; 
border-radius: 20px; 
} 

您还在遇到任何问题吗?

+0

现在有时它可以工作somestimes它没有工作...是Chrome的bug或什么的? – Sabilv