在IE中支持"border-radius"

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

1> Kevin Florid..：

---

是! 当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:

一些懒惰的开发者有.如果该标记存在,border-radius将永远不会在IE中工作.

---

您应该将供应商前缀版本置于FIRST和标准LAST,这样如果浏览器支持实际标准,那么它将使用它而不是它的供应商前缀版本.

---

大概如果你没有使用X-UA兼容元标记,你不需要添加它只是为了使它在IE9中工作？

---

更正您不需要元标记..如果包含它,您只需要替换ie7模拟器.否则,不要担心.

---

当前IE9 beta版'border-radius'中的FYI使用单个值正常工作.除非您确实希望它们不同,否则不需要所有四个值.

---

@nailer:感谢您更新角落.. IE9的第一个alpha vs和beta vs需要声明所有4个角落.我刚下载了最新的ie9 RC,它让我声明一个值..不知道什么时候改变了..

---

根据我的经验,当应用滤镜(css3渐变)时,边框半径不起作用.

2> David Johnst..：

---

自一年前提出这个问题以来,这个问题的答案已经改变了.(这个问题目前是Google搜索"border-radius ie"的最佳结果之一.)

IE9将支持border-radius.

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

3> Luis Melgrat..：

---

当你在等待.. 弯曲的角(边界半径)跨浏览器

4> Peter G..：

---

解决方法和方便的工具:

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

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

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

---

到目前为止,CSS3 PIE是最简单且最不具侵入性的选择.

5> Ben S..：

---

IE8没有计划.请参阅CSS兼容性页面.

除此之外,还没有发布任何计划.有传言说IE8将是 Windows XP 的最后一个版本

---

你显然是错的,因为IE9也应该支持CSS3,我不会看到IE在任何地方死亡.有人请杀IE

---

事实证明,IE8是最新版本...适用于Windows XP.

6> JAVAC..：

---

没有这个标签border-radius在IE9中不起作用,不需要meta标签.

7> simonrjones..：

---

快速更新这个问题,IE9将支持border-radius根据:http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for-developers.aspx