Does anyone know if/when Internet Explorer will support the "border-radius" CSS attribute?
有人知道ie是否/何时会支持“border-radius”CSS属性吗?
11 个解决方案
#1
218
Yes! When IE9 is released in Jan 2011.
是的!当IE9在2011年1月发布时。
Let's say you want an even 15px on all four sides:
假设你想要在四边都有一个15px
.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.
IE9将使用默认的边框半径，所以要确保在所有样式中都包括了边框半径。然后你的站点将为IE9做好准备。
-moz-border-radius is for Firefox, -webkit-border-radius is for Safari and Chrome.
- Firefox， -webkit-border-radius是用于Safari和Chrome的。
Furthermore: don't forget to declare your IE coding is ie9:
此外:别忘了声明你的IE编码是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.
一些懒惰的开发人员有 。如果这个标签存在，边界半径将永远不会在IE中工作。
#2
46
The answer to this question has changed since it was asked a year ago. (This question is currently one of the top results for Googling "border-radius ie".)
这个问题的答案自从一年前被提出以来已经改变了。(这个问题是目前谷歌搜索“边界半径ie”最热门的搜索结果之一。)
IE9 will support border-radius.
IE9将支持这个特性。
There is a platform preview available which supports border-radius. You will need Windows Vista or Windows 7 to run the preview (and IE9 when it is released).
有一个平台预览支持边界半径。您将需要windowsvista或windows7来运行预览(和IE9发布时)。
#4
18
A workaround and a handy tool:
一个变通和一个方便的工具:
CSS3Pie uses .htc files and the behavior property to implement CSS3 into IE 6 - 8.
CSS3Pie使用.htc文件和行为属性将CSS3实现为IE 6 - 8。
Modernizr is a bit of javascript that will put classes on your html element, allowing you to serve different style definitions to different browsers based on their capabilities.
Modernizr是可以在html元素上放置类的javascript，允许根据不同浏览器的功能为不同的浏览器提供不同的样式定义。
Obviously, these both add more overhead, but with IE9 due to only run on Vista/7 we might be stuck for quite awhile. As of August 2010 Windows XP still accounts for 48% of web client OSes.
显然，这些都增加了更多的开销，但是由于IE9只运行在Vista/7上，我们可能会被困一段时间。截至2010年8月，Windows XP仍占web客户端操作系统的48%。
#5
12
It is not planned for IE8. See the CSS Compatibility page.
这不是IE8的计划。请参阅CSS兼容性页面。
Beyond that no plans have been released. Rumors exist that IE8 will be the last version for Windows XP
除此之外，还没有公布任何计划。有传言说IE8将是Windows XP的最后一个版本
#6
7
<!DOCTYPE html> without this tag border-radius doesn't works in IE9, no need of meta tags.
< !没有这个标签边框的DOCTYPE html>在IE9中不起作用，不需要元标签。
#7
6
Quick update to this question, IE9 will support border-radius according to: http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for-developers.aspx
快速更新这个问题，IE9将支持边界半径根据:http://blogs.msdn.com/ie/archive/2009/11/18/an-early look- IE9 -for developers.aspx
#8
4
Use -ms-border-radius: 15px, any element that uses css -ms- is compatible with IE.
使用-ms-border-radius: 15px，任何使用css -ms-的元素都与IE兼容。
#9
2
The corner radius issue of IE gonna solve.
要解决的角半径问题。
http://kbala.com/ie-9-supports-corner-radius/
http://kbala.com/ie-9-supports-corner-radius/
#10
2
What about support for border radius AND background gradient. Yes IE9 is to support them both seperately but if you mix the two the gradient bleeds out of the rounded corner. Below is a link to a poor example but i have seen it in my own testing as well. Should of taken a screen shot :(
如何支持边界半径和背景梯度。是的，IE9是分开支持它们的，但是如果你把它们混合在一起，梯度就会从圆角流出。下面是一个糟糕示例的链接，但我在自己的测试中也看到了它。应该采取的屏幕截图:(
Maybe the real question is when will IE support CSS standards without MS-FILTER proprietary hacks.
也许真正的问题是IE什么时候会支持CSS标准而不使用MS-FILTER的专有技术。
http://frugalcoder.us/post/2010/09/15/ie9-corner-plus-gradient-fail.aspx
http://frugalcoder.us/post/2010/09/15/ie9-corner-plus-gradient-fail.aspx
#11
1
SOLVED - not rendering border radius correctly in IE 10 and 11
For those not getting the -ms-border-radius: or the border-radius: to work in IE 10,11 And it renders all square then follow these steps:
对于那些没有得到-ms-border-radius:或border-radius:在IE 10,11中工作，它呈现所有的正方形，然后按照以下步骤:
- Click on the gear wheel at the top right of the IE browser
- 点击IE浏览器右上角的齿轮
- Click on Compatibility view settings
- 单击兼容性视图设置
- Now uncheck the 2 boxes that are checked by default.
- 现在取消默认选中的2个方框。
#1
218
Yes! When IE9 is released in Jan 2011.
是的!当IE9在2011年1月发布时。
Let's say you want an even 15px on all four sides:
假设你想要在四边都有一个15px
.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.
IE9将使用默认的边框半径，所以要确保在所有样式中都包括了边框半径。然后你的站点将为IE9做好准备。
-moz-border-radius is for Firefox, -webkit-border-radius is for Safari and Chrome.
- Firefox， -webkit-border-radius是用于Safari和Chrome的。
Furthermore: don't forget to declare your IE coding is ie9:
此外:别忘了声明你的IE编码是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.
一些懒惰的开发人员有 。如果这个标签存在，边界半径将永远不会在IE中工作。
#2
46
The answer to this question has changed since it was asked a year ago. (This question is currently one of the top results for Googling "border-radius ie".)
这个问题的答案自从一年前被提出以来已经改变了。(这个问题是目前谷歌搜索“边界半径ie”最热门的搜索结果之一。)
IE9 will support border-radius.
IE9将支持这个特性。
There is a platform preview available which supports border-radius. You will need Windows Vista or Windows 7 to run the preview (and IE9 when it is released).
有一个平台预览支持边界半径。您将需要windowsvista或windows7来运行预览(和IE9发布时)。
#3
#4
18
A workaround and a handy tool:
一个变通和一个方便的工具:
CSS3Pie uses .htc files and the behavior property to implement CSS3 into IE 6 - 8.
CSS3Pie使用.htc文件和行为属性将CSS3实现为IE 6 - 8。
Modernizr is a bit of javascript that will put classes on your html element, allowing you to serve different style definitions to different browsers based on their capabilities.
Modernizr是可以在html元素上放置类的javascript，允许根据不同浏览器的功能为不同的浏览器提供不同的样式定义。
Obviously, these both add more overhead, but with IE9 due to only run on Vista/7 we might be stuck for quite awhile. As of August 2010 Windows XP still accounts for 48% of web client OSes.
显然，这些都增加了更多的开销，但是由于IE9只运行在Vista/7上，我们可能会被困一段时间。截至2010年8月，Windows XP仍占web客户端操作系统的48%。
#5
12
It is not planned for IE8. See the CSS Compatibility page.
这不是IE8的计划。请参阅CSS兼容性页面。
Beyond that no plans have been released. Rumors exist that IE8 will be the last version for Windows XP
除此之外，还没有公布任何计划。有传言说IE8将是Windows XP的最后一个版本
#6
7
<!DOCTYPE html> without this tag border-radius doesn't works in IE9, no need of meta tags.
< !没有这个标签边框的DOCTYPE html>在IE9中不起作用，不需要元标签。
#7
6
Quick update to this question, IE9 will support border-radius according to: http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for-developers.aspx
快速更新这个问题，IE9将支持边界半径根据:http://blogs.msdn.com/ie/archive/2009/11/18/an-early look- IE9 -for developers.aspx
#8
4
Use -ms-border-radius: 15px, any element that uses css -ms- is compatible with IE.
使用-ms-border-radius: 15px，任何使用css -ms-的元素都与IE兼容。
#9
2
The corner radius issue of IE gonna solve.
要解决的角半径问题。
http://kbala.com/ie-9-supports-corner-radius/
http://kbala.com/ie-9-supports-corner-radius/
#10
2
What about support for border radius AND background gradient. Yes IE9 is to support them both seperately but if you mix the two the gradient bleeds out of the rounded corner. Below is a link to a poor example but i have seen it in my own testing as well. Should of taken a screen shot :(
如何支持边界半径和背景梯度。是的，IE9是分开支持它们的，但是如果你把它们混合在一起，梯度就会从圆角流出。下面是一个糟糕示例的链接，但我在自己的测试中也看到了它。应该采取的屏幕截图:(
Maybe the real question is when will IE support CSS standards without MS-FILTER proprietary hacks.
也许真正的问题是IE什么时候会支持CSS标准而不使用MS-FILTER的专有技术。
http://frugalcoder.us/post/2010/09/15/ie9-corner-plus-gradient-fail.aspx
http://frugalcoder.us/post/2010/09/15/ie9-corner-plus-gradient-fail.aspx
#11
1
SOLVED - not rendering border radius correctly in IE 10 and 11
For those not getting the -ms-border-radius: or the border-radius: to work in IE 10,11 And it renders all square then follow these steps:
对于那些没有得到-ms-border-radius:或border-radius:在IE 10,11中工作，它呈现所有的正方形，然后按照以下步骤:
- Click on the gear wheel at the top right of the IE browser
- 点击IE浏览器右上角的齿轮
- Click on Compatibility view settings
- 单击兼容性视图设置
- Now uncheck the 2 boxes that are checked by default.
- 现在取消默认选中的2个方框。