2011-05-19 50 views
2

我使用了以下内容:边境半径支持它

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

我想是确认,如果这涵盖了目前支持边界半径财产每一个浏览器。我只是想确保我有尽可能多的覆盖范围。

建议,将不胜感激

罗伯特

+0

[This](http://stackoverflow.com/questions/1983666/css-border-radius-which-is-the-correct-style-to-use-border-radius-webkit-bord/1990469#1990469 )可能会帮助你。 – bfontaine 2011-05-19 06:14:25

回答

2
-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

+0

...和Safari。 – bfontaine 2011-05-19 06:13:45

+0

@boudou:OOPS!忘了吧。更新了答案.... :-p – 2011-05-19 06:14:47

0

CSSTricks

火狐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去没有这些前缀。