在CSS旋轉動畫期間溢出隱藏不起作用

我有一個邊界半徑爲50％的父div，溢出設置爲隱藏。其中是一個動畫的小孩div。只要小孩div的旋轉屬性不是動畫的，一切都可以正常工作 - 但是一旦我嘗試對孩子的旋轉進行動畫處理，parent div的overflow：hidden不再起作用。在CSS旋轉動畫期間溢出隱藏不起作用

下面是一個例子 - 任何幫助將是偉大的！

我在Safari 7.0.1測試

2014-01-14 Alan

在Safari 5.1.7（Windows 7）上確認。溢出：隱藏工程，但無視邊界半徑屬性。看起來像一個Safari錯誤。 – user1853181

這是一個已知的Safari瀏覽器的bug，並報告here。它被標記爲2012-11-14已解決。

Comment #25 From Manolis Kp. 2012-11-14 02:07:14 PST 
This issue has been fixed, marking as resolved

因此，當您將Safari更新到最新穩定版本時，您應該能夠獲得所需的行爲。

2014-01-14 10:20:45 user1853181

感謝您的信息。我希望它解決了，但我在Mac上使用Safari 7.0.1，這是最新版本 - 我仍然有問題。 – Alan

考慮重新打開您的信息的錯誤。它將得到更快解決，並且還有幫助社區的額外好處。 – user1853181

會做。等待新帳戶驗證電子郵件，以便我可以提交信息。 – Alan

我知道這是一個老問題，但我遇到了同樣的問題。我不認爲這個bug在Safari上已經被修復了。我能夠通過向overflow：hidden元素添加一個z-index來解決我的問題。它看起來像位置：固定也解決了這個問題，但這可能不適用於許多情況。希望這能幫助其他人。

2017-08-24 20:23:30 missmatsuko

Z指數對我來說就像一個魅力。謝謝。 – Mechwd

回答