css - 溢出：隐藏在 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-left（而不是）然后它可以工作left

jsfiddle 演示