如何编写CSS3圆角为IE9？ [英] How to write CSS3 rounded corners for IE9?

问题描述

我曾经使用CSS3为谷歌Chrome和Safari写这样的圆角：

I used to write rounded corners using CSS3 for google Chrome and Safari like this:

-webkit-border-bottom-left-radius: 5px 5px;
-webkit-border-bottom-right-radius: 5px 5px;
-webkit-border-top-left-radius: 5px 5px;
-webkit-border-top-right-radius: 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;

而对于FireFox：

And for FireFox:

-moz-border-radius: 5px 5px 5px 5px;

如何编写IE9？

推荐答案

不需要供应商前缀（这也是Opera支持的）：

No vendor prefix needed (this is also supported by Opera):

border-radius: 5px;

您可以分别将WebKit和Mozilla特定的样式压缩为以下格式：

And you can condense your WebKit- and Mozilla-specific styles to these respectively:

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

事实上，很快你不再需要这两个属性作为标准 border-radius 现在支持Safari 5+和Firefox 4 +。

As a matter of fact, soon enough you won't need these two properties anymore as the standard border-radius is now supported by Safari 5+ and Firefox 4+.

这篇关于如何编写CSS3圆角为IE9？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！