支持Firefox 24中的“border-radius”

时间:2013-10-29 05:14:21

标签: css css3 firefox

在Mozilla Firefox 24中,我不能在CSS样式上使用-moz-border-radius。 我读过this文章,他们说

  

已删除对-moz-border-radius *和-moz-box-shadow的支持。作者应使用无前缀的border-radius或box-shadow代替

但它适用于Firefox 13,版本24怎么样?无论如何,谢谢。

4 个答案:

答案 0 :(得分:2)

从现在开始使用border-radius: 5px 30px;box-shadow: 0 1px 4px #222;

答案 1 :(得分:1)

我的理解是,只要先将-moz版本放在一起,就可以堆叠这两个属性。如果某个特定版本的Firefox不喜欢border-radius,它将回退到-moz版本。如果版本不喜欢-moz属性,它将被第二次调用取代。 (这适用于-webkit-border-radius)

-moz-border-radius: 10px;
border-radius: 10px;

答案 2 :(得分:0)

检查出来

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/

答案 3 :(得分:0)

可以在border-radius.com

中创建所有浏览器的标准边框半径