在safari中打破圆形边框的图像

Question

我在safari中遇到了圆角和图像的问题。虽然它在chrome中效果很好。请看看这个jsfiddle，解释我的问题：

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

为什么会这样？我错过了什么？我试过寻找答案，但我能找到的只是有类似问题的人，但没有解决我的问题。 ：/

Answer 1

这是Safari中的一个已知问题。解决它的方法是将图像设置为div的背景：

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

请参阅此分支：http://jsfiddle.net/qHG7z/

Answer 2

这是因为在野生动物园中不考虑边界。尝试这样的事情：

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