开发者

Border radius in every browser that supports it

I am using the following:

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

What I would like is to confirm if this covers every browser that currently supports the 开发者_高级运维border radius property. I just want to be sure I have as much coverage as possible.

Advice would be much appreciated

Robert


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

This will be supported by Mozilla Firefox, Opera, Safari, Google Chrome and IE9.

Read this for more:- http://jonraasch.com/blog/css-rounded-corners-in-all-browsers


At present Opera (version 10.5 onward), Safari (version 5 onward), Chrome (version 5 onward) and ie9



you can find information about css3 border radius here:

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


From CSSTricks:

Firefox 3.6- needs -moz-. From 4 up, unprefixed is fine. On this site, that's 0.3% of the 30% or so that use Firefox.

Safari 4- needs -webkit-. That's even smaller for this site. 0.1% of the 10% or so using Safari.

iOS 3.x needs -webkit- too, which means an iPhone 3GS or iPad 1 that have never been upgraded, which is the smallest number yet.

(...) 1% for all this combined

So just go with border-radius without those prefixes.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜