在 Mozilla Firefox 24 中,我无法在我的 CSS 样式中使用 -moz-border-radius。我读过这篇文章,他们说
已删除对 -moz-border-radius* 和 -moz-box-shadow 的支持。作者应该使用无前缀的边框半径或框阴影代替
但它适用于 Firefox 13,版本 24 怎么样?总之感谢。
使用border-radius: 5px 30px;
并box-shadow: 0 1px 4px #222;
从现在开始
我的理解是,只要将 -moz 版本放在首位,您就可以堆叠这两个属性。如果特定版本的 Firefox 不喜欢边界半径,它将回退到 -moz 版本。如果一个版本不喜欢 -moz 属性,它将被第二次调用所取代。(这也适用于 -webkit-border-radius )
-moz-border-radius: 10px;
border-radius: 10px;
所有浏览器的标准边框半径都可以在border-radius.com中创建
看一下这个
https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius#Browser_compatibility
#box{
border:10px solid #000;
border-radius: 10px 40px 40px 10px;
width: 200px;
height: 100px;
background-color:#ccc;
}
在你的 FF 中检查http://jsfiddle.net/E7kYt/