溢出：隱藏在Safari

不工作我堅持着一個問題，我不明白：我的方法，使YouTube圖片輪是把它們放在一個容器溢出：隱藏在Safari

border-radius: 50%; 
overflow: hidden;

這適用於Chrome和FF，但Safari將圖像放在圓形容器上方。

請檢查小提琴：http://jsfiddle.net/nikita_turing/2QyY3/

我如何在Safari上的圖像是圓的？

來源

2013-02-25 leosok

在Safari 6.0.2上爲我工作 – 2013-02-25 22:31:22

我的Windwos 5.1.7版本和我的iPod touch版本（ios 5.0） – leosok 2013-02-26 03:26:06

在Safari 5.1.7（PC）上的圖像position:relative似乎防止border-radius被施加

刪除position:relative並設置margin-left（而不是left）在您的jQuery的，然後它工作

jsfiddle demo

來源

2013-02-25 22:40:05 MikeM

非常感謝 - 您解決了它。但下面是你的下一個問題：爲什麼邊界在safari中變得奇怪？ http://jsfiddle.net/nikita_turing/2QyY3/3/ – leosok 2013-02-26 03:27:05

似乎是有記錄的[webkit bug（＃72619）]（https://bugs.webkit.org/show_bug.cgi?id=72619）（with at至少[3個傻瓜]（https://www.google.com/search?q=site%3Awebkit.org+position+relative+border-radius）），最近已經解決。由於Safari 5.1.7出現[2012年5月]（http://support.apple.com/kb/dl1531），它沒有修復程序。 – MikeM 2013-02-26 04:38:45

2014年8月仍然破裂。這太荒謬了 – 2014-09-03 20:32:12

溢出：隱藏在Safari

回答

相關問題