moz-border-radius，moz-box-shadow in IE

Question

我使用moz-boder-radius（-webkit-border-top-left-radius）向我的網站添加圓角div。

這些在Mozilla，Chrome和Safari瀏覽器中工作正常，但像往常一樣Internet Explorer必須有一些問題。

是否有任何此類屬性在Internet Explorer中添加圓角div。

Answer 1

這（jQuery插件）的作品跨瀏覽器：

http://jrc.rctonline.nl/

這是一個獨立版本，也能跨瀏覽器：

http://www.dillerdesign.com/experiment/DD_roundies/

有沒有辦法讓圓角在IE中使用純CSS的角落。

Answer 2

對於純粹的CSS，沒有辦法做到這一點！

但是，您可以添加一個條件註釋（<!--[if IE]><![endif]-->）與一些額外的CSS，它將四個圓角圖像應用到主div中包含的「頂部」div和「底部」div！

Answer 3

-moz和-webkit屬性是實驗性的，而不是CSS2的官方部分。他們真的只想爲Mozilla（Gecko）瀏覽器工作，並且可能會在一段時間後逐漸停止使用這些瀏覽器。

我用這個，它不需要的圖像或JavaScript，CSS只是：

http://blog.benogle.com/2009/04/29/css-round-corners/

Answer 4

我猜你要使用IE版本9.0較少。

border-radius CSS屬性僅支持IE 9.0，它帶來了很好的圓角矩形。

https://developer.mozilla.org/en/CSS/border-radius

如果您需要使用以下IE 9.0的圓角矩形，你可能需要使用圖片來實現這一目標。