支持“边界半径”在IE [英] Support for "border-radius" in IE

问题描述

有人知道Internet Explorer是否支持border-radiusCSS属性？

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

推荐答案

当我们在2011年1月发布IE9时。

Yes! When IE9 is released in Jan 2011.

假设你想在所有四边都有15像素：

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将使用默认 border-radius ，所以只是确保你包括在所有的样式调用边界半径。

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 适用于Firefox， -webkit-border-radius 适用于Safari和Chrome。

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

此外：不要忘记声明您的IE编码是ie9 ：

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

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

一些惰性开发者有< meta http-equiv =X-UA -Compatiblecontent =IE = 7/> 。如果该标记存在，则border-radius将永远不会在IE中工作。

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

这篇关于支持“边界半径”在IE的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！