internet-explorer - 在 IE 中支持 "border-radius"

Question

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

Answer 1

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

假设您希望所有四个边都为 15px:

.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 中工作。