如何为IE9编写CSS3圆角？

Question

我过去常常使用CSS3为Google Chrome和Safari编写圆角,如下所示:

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

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

如何为IE9编写它？

Answer 1

不需要供应商前缀(Opera也支持这种情况):

border-radius: 5px;

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

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

事实上,很快你就不再需要这两个属性,因为border-radiusSafari 5+和Firefox 4+现在支持这个标准.