css - 如何为IE9写CSS3圆 Angular ？

Question

我曾经使用 CSS3 为 google Chrome 和 Safari 编写圆 Angular ，如下所示:

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

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