-webkit-border-radius與-moz-border-radius的行爲有所不同

Question

我的網站在Safari和Firefox上的顯示不同。我希望CSS使它在Safari上看起來一樣。我知道我可以使用兩個div框，一個用於輪廓，一個用於圖像，但我喜歡Firefox上我只需要一個，它會曲線輪廓和圖像。無論如何有Safari瀏覽器曲線輪廓和圖像？

Safari中：

火狐：

<img src="asset.jpg" class="example">

img.example { width: 250px; height: 250px; background: rgba(0, 0, 0, .6); padding: 18px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }

Answer 1

這是一個已知臭蟲在WebKit瀏覽器

見因此，在短期這example

，是的，現在你必須包裝在一個div形象。吮吸。

看到這些錯誤報告：

http://code.google.com/p/chromium/issues/detail?id=82417
https://bugs.webkit.org/show_bug.cgi?id=30475

目前，包裝在一個div，as I have done here