在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点半径问题将解决。
如何支持边框半径和背景渐变? 是的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中工作,然后渲染所有的方块,然后按照下面的步骤进行:
- 点击IE浏览器右上方的齿轮
- 点击兼容性视图设置
- 现在取消选中默认选中的两个框。