为什么CSS圆角代码不能与IE浏览器一起使用

时间:2011-02-22 08:09:18

标签: css internet-explorer css3

.style
{
-moz-border-radius:8px;
-webkit-border-radius:8px;
}

4 个答案:

答案 0 :(得分:4)

因为其中一个属性适用于Gecko(-moz-)浏览器,另一个适用于WebKit(-webkit-)浏览器。

对于IE9(和Opera 10.50+),您可以添加标准声明:

border-radius: 8px;

对于以前的版本,您必须找到另一种解决方案。

答案 1 :(得分:1)

因为IE 8不使用-moz-(Mozilla Firefox)和-webkit-(Chrome,Safari)前缀,它只是不支持CSS 3。

border-radius是CSS 3的一部分。

答案 2 :(得分:1)

对于IE 6-> 8,我建议使用CSS3PIE

答案 3 :(得分:0)

要在IE中使用此jQuery插件进行圆角处理。它使用嵌套的div(没有图像)在IE中绘制角落。它在支持它的浏览器中具有原生边界半径舍入(Opera 10.5 +,Firefox,Safari和Chrome)。所以在这些浏览器中,插件只是在元素上设置一个css属性

http://jquery.malsup.com/corner/