在IE中支持“边界半径”

在IE中支持“边界半径”

是! IE9于2011年1月发布时。

假设您要在所有四个侧面上平均15像素：

.myclass { border-style: solid; border-width: 2px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;}

IE9将使用默认值

border-radius

，因此只需确保将其包括在所有样式中（称为边框半径）即可。然后，您的站点将可以使用IE9。

-moz-border-radius

适用于Firefox，

-webkit-border-radius

适用于Safari和Chrome。

此外：不要忘记声明您的IE编码为ie9：

<meta http-equiv="X-UA-Compatible" content="IE=9" />

一些懒惰的开发人员

<meta http-equiv="X-UA-Compatible" content="IE=7"/>

。如果该标记存在，则border-radius在IE中将永远无法使用。