在IE中支持“border

在IE中支持“border-radius”(Support for “border-radius” in IE)

有人知道/当Internet Explorer是否支持“border-radius”CSS属性？

Does anyone know if/when Internet Explorer will support the "border-radius" CSS attribute?

最满意答案

是! 当IE9于2011年1月发布。

假设你想要四面均匀的15像素：

.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中运行。

Yes! When IE9 is released in Jan 2011.

Let's say you want an even 15px on all four sides:

.myclass { border-style: solid; border-width: 2px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; }

IE9 will use the default border-radius, so just make sure you include that in all your styles calling a border radius. Then your site will be ready for IE9.

-moz-border-radius is for Firefox, -webkit-border-radius is for Safari and Chrome.

Furthermore: don't forget to declare your IE coding is ie9:

<meta http-equiv="X-UA-Compatible" content="IE=9" />

Some lazy developers have <meta http-equiv="X-UA-Compatible" content="IE=7" />. If that tag exists, border-radius will never work in IE.