有没有人知道Internet Explorer何时/何时支持“border-radius”CSS属性?
答案 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的角落半径问题将会解决。
答案 9 :(得分:2)
支持边界半径和背景渐变怎么样?是的IE9是单独支持它们但是如果你混合这两个渐变从圆角出来。下面是一个糟糕的例子的链接,但我也在我自己的测试中看到过。应该采取屏幕截图:(
也许真正的问题是IE何时支持没有MS-FILTER专有黑客的CSS标准。
http://frugalcoder.us/post/2010/09/15/ie9-corner-plus-gradient-fail.aspx
答案 10 :(得分:1)
对于那些没有得到的人 -ms-border-radius:或border-radius:在IE 10,11中工作 它渲染所有正方形然后按照这些步骤: