在IE中支持“border-radius”

时间:2009-03-11 18:50:43

标签: css internet-explorer css3

有没有人知道Internet Explorer何时/何时支持“border-radius”CSS属性?

11 个答案:

答案 0 :(得分:218)

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

答案 1 :(得分:46)

自一年前提出问题以来,这个问题的答案发生了变化。 (这个问题目前是Google搜索“border-radius ie”的最佳结果之一。)

IE9将支持border-radius

平台预览available supports border-radius。您将需要Windows Vista或Windows 7来运行预览(以及IE9发布时)。

答案 2 :(得分:27)

在你等待的时候...... Curved corner (border-radius) cross browser

答案 3 :(得分:18)

解决方法和方便的工具:

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

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

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

答案 4 :(得分:12)

IE8没有计划。请参阅CSS Compatibility page

除此之外,还没有发布任何计划。有关Windows XP的IE8 will be the last版本的谣言

答案 5 :(得分:7)

没有此标记的

<!DOCTYPE html> border-radius在IE9中不起作用,不需要元标记。

答案 6 :(得分:6)

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

答案 7 :(得分:4)

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

答案 8 :(得分:2)

IE的角落半径问题将会解决。

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

答案 9 :(得分:2)

支持边界半径和背景渐变怎么样?是的IE9是单独支持它们但是如果你混合这两个渐变从圆角出来。下面是一个糟糕的例子的链接,但我也在我自己的测试中看到过。应该采取屏幕截图:(

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

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

答案 10 :(得分:1)

已解决 - 在IE 10和11

中无法正确渲染边框半径

对于那些没有得到的人 -ms-border-radius:或border-radius:在IE 10,11中工作 它渲染所有正方形然后按照这些步骤:

  1. 点击IE浏览器右上角的齿轮
  2. 单击“兼容性视图设置”
  3. 现在取消选中默认选中的2个框。
  4. Ensure that the boxes are unchecked as in pic