在IE中支持“border-radius”

Question

在IE中支持“border-radius”

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

Answer 1

是!&nbsp;当IE9于2011年1月发布时。假设你想要在所有四个方面均匀15px：.myclass&nbsp;{ &nbsp;border-style:&nbsp;solid; &nbsp;border-width:&nbsp;2px; &nbsp;-moz-border-radius:&nbsp;15px; &nbsp;-webkit-border-radius:&nbsp;15px; &nbsp;border-radius:&nbsp;15px;}IE9将使用默认值border-radius，因此请确保在所有样式中包含调用边框半径的内容。然后您的网站将为IE9做好准备。-moz-border-radius适用于Firefox，-webkit-border-radius适用于Safari和Chrome。此外：不要忘记声明你的IE编码是ie9：<meta&nbsp;http-equiv="X-UA-Compatible"&nbsp;content="IE=9"&nbsp;/>一些懒惰的开发者有<meta http-equiv="X-UA-Compatible" content="IE=7" />。如果该标记存在，则border-radius将永远不会在IE中工作。

Answer 2

自一年前提出这个问题以来，这个问题的答案已经改变了。（这个问题目前是Google搜索“border-radius ie”的最佳结果之一。）IE9将支持border-radius。有一个平台预览版提供哪些支持&nbsp;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％。