哪个边框半径属性将在 IE9 中起作用?

Posted

技术标签:

【中文标题】哪个边框半径属性将在 IE9 中起作用?【英文标题】:Which border radius property will work in IE9? 【发布时间】:2011-03-10 22:12:27 【问题描述】:

在 IE9 中,哪个边框半径属性会起作用?

 border-radius:20px
-webkit-border-radius: 20px;
-moz-border-radius: 20px;

border-radius:20pxms-border-radius:20px

【问题讨论】:

【参考方案1】:

IE9 将支持border-radius 参见:http://ie.microsoft.com/testdrive/html5/01BorderRadius/Default.html

【讨论】:

链接已损坏,但CanIUse says border-radius works for IE9+【参考方案2】:

border-radius 会起作用。事实上,MS 非常重视他们如何成为唯一真正支持“标准”的浏览器,而所有其他供应商都使用特定的前缀。

/我翻白眼。

【讨论】:

Opera 也支持边界半径,微软不是唯一不使用前缀的。 :-) 你的意思是微软并不是唯一一家制造封闭源代码浏览器的商业供应商。 :p【参考方案3】:

如果您正在阅读此页面,则可能还希望考虑包含 khtml-border-radius 以符合 Konqueror,因此它看起来像:

 -khtml-border-radius: 20px;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
 border-radius:20px;

【讨论】:

您应该始终在最后添加 W3C 官方 border-radius: 20px。它不应该是列表中的第一个。因此,当浏览器更新为支持标准浏览器时,它将使用它而不是前缀浏览器。

以上是关于哪个边框半径属性将在 IE9 中起作用?的主要内容,如果未能解决你的问题,请参考以下文章

ie9边框半径

由于边框折叠属性,表格的边框半径不起作用

CSS边框半径属性中的“/”是啥意思? [复制]

IE 8边框半径不起作用[重复]

删除 Chrome/IE9 中的图像边框

嵌入谷歌地图的iFrame上的CSS边框半径,不起作用