在IE中支持“border-radius”

Question

在IE中支持“border-radius”有谁知道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中工作。

Answer 2

自一年前提出这个问题以来，这个问题的答案已经改变了。（这个问题目前是Google搜索“border-radius ie”的最佳结果之一。）

IE9将支持border-radius。

有一个平台预览版提供哪些支持 border-radius。您将需要Windows Vista或Windows 7来运行预览（以及IE9发布时）。

Answer 3

解决方法和方便的工具：

CSS3Pie使用.htc文件和behavior属性将CSS3实现到IE 6 - 8中。

Modernizr是一个javascript，可以将类放在你的html元素上，允许你根据不同的浏览器功能为不同的浏览器提供不同的样式定义。

显然，这些都增加了更多的开销，但由于IE9仅在Vista / 7上运行，我们可能会停留很长一段时间。截至2010年8月，Windows XP仍占Web客户端操作系统的48％。