Firefox边界半径

Question

我尝试在网站上使用border-radius，但是firefox继续这样做： Firefox CSS。 除了左上角，一切都很好。

这是我对边界半径的css：

border-radius:10px 0px 0px 0px;
border:1px solid #FFF;
border-bottom:2px solid #000;
width:400px;

它适用于任何其他浏览器，但不适用于firefox 24.

有没有办法只用css修复/解决这个问题？

Answer 1

尝试添加：background-clip属性：

-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;