【发布时间】：2011-04-08 13:24:35
【问题描述】：
我想给一个div设置边框，
使用：-webkit-border-radius 在 Chrome 上运行良好，但不适用于 Internet Explorer，三个版本：即 6、7 和 8：D
是否有任何其他属性，如-webkit-border-radius 为 IE 指定？
提前致谢。
【问题讨论】：
标签： internet-explorer css
【发布时间】：2011-04-08 13:24:35
【问题描述】：
我不了解你，但我在 IE9 中测试了 border-radius:15px，它可以工作 :)
【讨论】：
IE 尚未实现 border-radius CSS 属性。我相信他们将通过 IE9 实现它。至于其他选项和团队自己的解释，这里有一个链接：
编辑：IE9 does supports "border-radius".
Rounded Corners in Internet Explorer
这里还有一个包含更多细节的 SO 链接：
Support for “border-radius” in IE
还有，这里是一篇讨论该主题的官方 MSDN 博客文章：
【讨论】：
尝试使用CSS3Pie。它很容易让你为 IE 适配 CSS3 装饰器。
几天前我用 Sass 做了一个small demo，如果你想在 IE 中查看它。
【讨论】：
以连字符开头的 CSS 属性是供应商前缀：
- -webkit（适用于 Webkit 浏览器、Chrome 和 Safari）
- -o（用于 Opera）
- -moz（适用于 Firefox，我认为适用于 Gecko 渲染引擎）
- -ms（用于 IE）
- -khtml（用于 Konqueror）
其他浏览器引擎会忽略这些前缀。
-webkit-border-radius 是针对 Webkit 的 border-radius 属性的实现。据我所知border-radius 直到IE 9 才会被IE 实现。
【讨论】：
-
很遗憾 Border-radius 不支持 ie 7 和 8。谢谢！