如何在所有版本的浏览器中解决border-radius属性问题?

时间:2014-01-09 10:27:00

标签: css internet-explorer css3

我是CSS新手我已经为我的主页编写了CSS,因为我已经使用了border-radius属性它在所有浏览器上工作正常,除了IE 6到IE-8.Hi,我想编写代码这将为所有浏览器的所有版本呈现border-radius属性。任何人都可以帮助我如何为所有版本和所有浏览器编写通用代码?  提前谢谢。

4 个答案:

答案 0 :(得分:3)

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

中看到更多参考资料

答案 1 :(得分:1)

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

答案 2 :(得分:0)

IE 8及更低版本不支持Border-radius。您不能在IE 8及以下版本中使用该属性

答案 3 :(得分:0)

IE 8及以下版本不支持border-radius。