DIV元素的Border-Radius在IE8中不起作用

Question

-moz-border-radius:10px; -webkit-border-radius:10px; DIV元素的属性在IE8中不起作用，但这在Firefox和谷歌浏览器中完美运行。如果您对此问题有任何解决方案，请提供给我。

Answer 1

那是因为-moz...和-webkit...是firefox和safari / chrome的属性！

同样border-radius是CSS3属性，IE8不支持它。

Answer 2

IE8中的CSS3属性border-radius为not supported。

如果可以的话，我强烈建议采用Progressive Enhancement方法处理这类问题。

Answer 3

看看PIE - http://css3pie.com。它支持大多数CSS3属性，如border-radius，它适用于IE7，IE8和IE9。不对符合CSS3标准的浏览器征税。

您可以在网站上阅读更多相关信息，但基本上它的工作原理如下：

div#foo {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
behavior: url(/PIE.htc);
}