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

时间:2011-08-02 08:57:39

标签: javascript html css

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

3 个答案:

答案 0 :(得分:3)

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

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

答案 1 :(得分:1)

IE8中的CSS3属性border-radiusnot supported

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

答案 2 :(得分:1)

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