在IE中支持“border-radius”

有谁知道是否/何时Internet Explorer将支持“border-radius”CSS属性?

是! 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中工作。

自从一年前问起这个问题的答案已经改变了。 (这个问题目前是谷歌search“border-radius ie”的最好结果之一。)

IE9将支持border-radius

有一个支持 border-radius的平台预览。 您将需要Windows Vista或Windows 7才能运行预览(以及发布时的IE9)。

当你在等待弯曲的angular落(边框半径)跨浏览器

解决方法和一个方便的工具:

CSS3Pie使用.htc文件和behavior属性在IE6-8中实现CSS3。

Modernizr是一个JavaScript的一部分,将类放在您的HTML元素,允许您根据其function不同的风格定义不同的浏览器。

显然,这些都会增加更多的开销,但是由于只能在Vista / 7上运行IE9,所以我们可能会陷入一段时间。 截至2010年8月,Windows XP仍然占Web客户端操作系统的48%。

这不是计划为IE8。 请参阅CSS兼容性页面 。

除此之外,还没有发布计划。 有传言说IE8将成为 Windows XP 的最后一个版本

没有这个标签的<!DOCTYPE html> border-radius在IE9中不起作用,不需要meta标签。

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

使用-ms-border-radius: 15px ,任何使用css -ms-的元素都与IE兼容。

IE的angular点半径问题将解决。

http://kbala.com/ie-9-supports-corner-radius/

如何支持边框半径和背景渐变? 是的IE9是支持他们两个分开,但如果你混合两个梯度stream血圆angular。 下面是一个不好的例子的链接,但我也在我自己的testing中看到它。 应该采取屏幕拍摄:(

也许真正的问题是IE何时会支持CSS标准而没有MS-FILTER专有的黑客攻击。

http://frugalcoder.us/post/2010/09/15/ie9-corner-plus-gradient-fail.aspx

已解决 – 在IE 10和11中不能正确呈现边框半径

对于那些没有得到-ms-border-radius:或者border-radius:在IE 10,11中工作,然后渲染所有的方块,然后按照下面的步骤进行:

  1. 点击IE浏览器右上方的齿轮
  2. 点击兼容性视图设置
  3. 现在取消选中默认选中的两个框。

确保这些盒子没有选中,如图