在safari中打破圓形邊框的圖像

Question

我在Safari瀏覽器中有一些圓角和圖像的問題。儘管如此，它在Chrome中效果很好。請看看這個的jsfiddle，解釋我的問題：

http://jsfiddle.net/2cTPw/1/

這究竟是爲什麼？我錯過了什麼？我試着尋找答案，但我可以找到的所有人都有類似的問題，但沒有解決我的問題。 ：/

Answer 1

這是因爲Safari中的邊界不佔。嘗試是這樣的：

http://jsfiddle.net/2cTPw/4/

Answer 2

這是Safari中的一個已知問題。解決它的方法是將圖像設置成你的div的背景：

<div id="box" style="background-image:url(http://www.omnidev.se/images/uploads/omnidev_media.png)" /> 
</div> 

看到這個叉：http://jsfiddle.net/qHG7z/