DIV元素的邊界半徑在IE8中不起作用

Question

-moz-border-radius:10px; -webkit-border-radius:10px; DIV元素的屬性在IE8中不起作用，但這在Firefox和Google Chrome中運行良好。如果您對此問題有任何解決方法，請提供給我。

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屬性，如邊界半徑，並且可以與IE7，IE8和IE9一起使用。不徵稅符合CSS3標準的瀏覽器。

你可以閱讀更多關於它的網站上，但本質上它是這樣工作的：

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