问在IE中支持“边框半径”

EN

是!当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是火狐的，-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" />。如果该标签存在，边框半径将永远不会在IE中工作。

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

一个变通方法和一个方便的工具：

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

Modernizr是一小段javascript，它将类放在html元素上，允许您根据不同浏览器的功能为不同的样式定义提供不同的服务。

显然，这两者都增加了更多的开销，但由于IE9只在Vista/7上运行，我们可能会被卡住很长一段时间。截至2010年8月，Windows XP仍占web客户端OSes的48%。