問題當在圖片的角落用Firefox和IE瀏覽器中的css

Question

我想通過在IE7,8和Firefox中使用CSS來圍繞我的圖片的角落。 我嘗試使用Firefox的-moz-border-radius，但它只是圍繞不是圖片的邊框。

鏈接到圖片：http://i108.photobucket.com/albums/n33/ligthing_illuminate/problemwithcorner.png

和我使用的CSS如下：

.content p img { 
    float:left; 
    margin:0; 
    padding:0; 
    width:780px; 
    border: 10px solid white; 
    -moz-border-radius: 15px; 
} 

和IE7，IE8不與邊界半徑工作。 任何人都可以幫助我？ 非常感謝您。

Answer 1

-mos-border-radius沒有在IE 7或8的支持....你將需要恢復到四捨五入的圖像或Nifty Corners在IE 7或8

Answer 2

最好的辦法來實現圓角是使圖像本身具有圓角。

但這可能也有幫助，也許：http://www.devwebpro.com/25-rounded-corners-techniques-with-css/

Answer 3

見在-moz-border-radius CSS規則的開始-moz一部分？

這意味着這是一個供應商特定的擴展（在這種情況下爲Mozilla/Firefox）。

它在其他瀏覽器上不受支持。