支持它的每个浏览器中的边界半径

Question

我使用以下内容：

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

我想要确认这是否涵盖了当前支持border radius属性的每个浏览器。我只是想确保我有尽可能多的报道。

非常感谢建议

罗伯特

Answer 1

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

这将受到Mozilla Firefox，Opera，Safari，Google Chrome和IE9的支持。

请阅读以下内容： - http://jonraasch.com/blog/css-rounded-corners-in-all-browsers

Answer 2

目前Opera（版本10.5以上），Safari（版本5以后），Chrome（版本5以后）和ie9

你可以在这里找到关于css3边界半径的信息：

http://www.css3.info/preview/rounded-border/

Answer 3

来自CSSTricks：

  

Firefox 3.6-需要-moz-。从4开始，没有前哨就好了。在这个网站上，这是使用Firefox的30％左右的0.3％。

     

Safari 4-需要-webkit-。这个网站甚至更小。使用Safari的10％左右的0.1％。

     

iOS 3.x也需要-webkit-，这意味着iPhone 3GS或iPad 1从未升级，这是迄今为止最小的数字。

     

（...）所有这一组合的1％

所以只需使用border-radius，不带这些前缀。