一尘不染

在IE中支持“边界半径”

css

有谁知道Internet Explorer是否/何时支持“ border-radius” CSS属性?


阅读 275

收藏
2020-05-16

共1个答案

一尘不染

是! 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中将永远无法使用。

2020-05-16