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

Question

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

Answer 1

因为这些属性之一用于Gecko（ -moz- ）浏览器，所以另一个属性用于WebKit（ -webkit- ）浏览器。

对于IE9（和Opera 10.50+），您可以添加标准声明：

border-radius: 8px;

对于以前的版本，您必须找到其他解决方案。

Answer 2

因为IE 8不使用-moz-（Mozilla Firefox）或-webkit-（Chrome，Safari）前缀，并且它根本不支持CSS 3。

border-radius是CSS 3的一部分。

Answer 3

对于6-> 8的IE，我建议使用CSS3PIE 。

Answer 4

要在IE中进行圆角操作，请使用此jQuery插件。 它使用嵌套的div（没有图像）在IE中绘制角点。 它在支持它的浏览器（Opera 10.5 +，Firefox，Safari和Chrome）中具有本机边界半径舍入功能。 因此，在这些浏览器中，插件仅在元素上设置了CSS属性

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