支持“边界半径"在浏览器中 [英] 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?
推荐答案
是的!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 做好准备了.
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-Compatible" content="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.
这篇关于支持“边界半径"在浏览器中的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!