css - Overflow:hidden が Safari で機能しない

Question

問題が発生しました。理解できません。YouTube の画像を丸くする方法は、画像をコンテナーに入れることです。

border-radius: 50%; 
overflow: hidden;

これは Chrome と FF で機能しますが、Safari では丸いコンテナの「上」に画像が配置されます。

フィドルを確認してください: http://jsfiddle.net/nikita_turing/2QyY3/

Safariで画像を丸くするにはどうすればよいですか?

Answer 1

Safari 5.1.7 (PC) ではposition:relative、画像のborder-radiusが適用されないようです。

jQueryで（の代わりに）削除position:relativeして設定すると、機能しますmargin-leftleft

jsfiddle デモ