如何解决所有版本的浏览器中的边界半径属性问题？ [复制]答案

【问题标题】：how to resolve border-radius property issue in all versions of browsers? [duplicate]如何解决所有版本的浏览器中的边界半径属性问题？ [复制]
【发布时间】：2014-01-27 20:21:06
【问题描述】：

我是 CSS 新手，我已经为我的主页编写了 CSS，因为我使用了border-radius 属性，它在除 IE 6 到 IE-8 之外的所有浏览器上都可以正常工作。嗨，我想编写代码这将为所有浏览器的所有版本呈现边框半径属性。谁能帮助我为所有版本和所有浏览器编写通用代码？提前致谢。

【问题讨论】：

这个地球上谁在 2014 年使用 IE6 :P
@Sachin 我想你的意思。在这个地球上谁在使用 IE。

标签： internet-explorer css

【解决方案1】：

IE 8 及更低版本不支持边框半径。您不能在 IE 8 及更低版本中使用该属性

【讨论】：

这不是答案。根据问题，作者知道这一事实。

【解决方案2】：

IE 8 及以下版本不支持边框半径。

【讨论】：

downvoter：想解释一下吗？这个答案没有错！

【解决方案3】：

这可能会帮助您http://fetchak.com/ie-css3/ 支持边框半径。但您需要添加一个 javascript 文件。

【讨论】：

【解决方案4】：

IE9+、Firefox 4+、Chrome、Safari 5+ 和 Opera 支持border-radius 属性，因为它是CSS3 属性。所以，你可以使用css3pie

首先在 IE 8 中查看这个演示并从here 下载它像这样写你的css规则

 #myAwesomeElement {
    border: 1px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    behavior: url(path/to/pie_files/PIE.htc);
}

注意：在上述规则中添加了behavior: url(path/to/pie_files/PIE.htc);。在 url() 中你需要指定你的 PIE.htc 文件位置

你可以从here看到更多的参考

【讨论】：