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

Question

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

Answer 1

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

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

Answer 2

IE8中不支持 CSS3属性border-radius 。

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

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);
}