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;
有没有解决方案?
答
铬似乎工作正常。 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
尝试仅使用边框半径, border-radius:20px; –