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;

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

Answer 2

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

Answer 3

<!DOCTYPE html>元素是IE9中圆角的关键

另见：HTML DOCTYPE Declaration

如何为IE9编写CSS3圆角？

3 个答案: