溢出:隐藏在Safari浏览器不起作用[关闭](Overflow:hidden does not w

2019-07-20 12:16发布

我坚持的一个问题,我不明白:我的方法,使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被施加

删除position:relative并设置margin-left (而不是left )在您的jQuery那么它的工作原理

的jsfiddle演示



文章来源: Overflow:hidden does not work in Safari [closed]
标签: css safari