溢出:隐藏在Safari中不起作用

时间:2013-02-25 22:25:58

标签: css safari

我遇到了一个问题,我不明白:我制作YouTube图片的方法是将它们放在容器中

border-radius: 50%; 
overflow: hidden;

这适用于Chrome和FF,但Safari会将图片“放在”圆形容器上。

请检查小提琴:http://jsfiddle.net/nikita_turing/2QyY3/

如何在Safari上制作图像?

1 个答案:

答案 0 :(得分:8)

Safari 5.1.7(PC)中的

图像上的position:relative似乎阻止了border-radius的应用

删除position:relative并在jQuery中设置margin-left(而不是left)然后就可以了

jsfiddle demo