이미지가 사파리에서 둥근 경계를 깨기

Question

사파리에서 둥근 모서리와 이미지에 문제가 있습니다. 그것은 크롬에서 잘 작동합니다. 내 문제를 설명하고,이 jsfiddle에서 봐 주시기 바랍니다 :

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

왜 이런 일이? 내가 뭘 놓치고 있니? 나는 해답을 찾으려고했지만 비슷한 문제가있는 사람들이 있지만 내 문제를 해결하는 것은 아무것도 없다. :/

Answer 1

경계가 사파리에서 고려되지 않은 때문입니다. 이런 식으로 뭔가를 시도 :

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/