在IE中支持"border-radius"

Question

有谁知道Internet Explorer何时/何时支持"border-radius"CSS属性？

Answer 1

是! 当IE9于2011年1月发布时.

假设你想要在所有四个方面均匀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中工作.

您应该将供应商前缀版本置于FIRST和标准LAST,这样如果浏览器支持实际标准,那么它将使用它而不是它的供应商前缀版本. (72认同)
大概如果你没有使用X-UA兼容元标记,你不需要添加它只是为了使它在IE9中工作？ (7认同)
更正您不需要元标记..如果包含它,您只需要替换ie7模拟器.否则,不要担心. (4认同)
当前IE9 beta版'border-radius'中的FYI使用单个值正常工作.除非您确实希望它们不同,否则不需要所有四个值. (3认同)
@nailer:感谢您更新角落.. IE9的第一个alpha vs和beta vs需要声明所有4个角落.我刚下载了最新的ie9 RC,它让我声明一个值..不知道什么时候改变了.. (2认同)
根据我的经验,当应用滤镜(css3渐变)时,边框半径不起作用. (2认同)