2011-05-19 47 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去沒有這些前綴。