0
如果您在Chrome和scrolldown中查看此codepen演示，您應該會看到一個餅圖動畫。然而在Safari 7.0.2（9537.74.9）中卻沒有。任何想法，爲什麼這不適用於Safari？在Safari中應用classname時，CSS動畫不起作用
http://codepen.io/s10wen/pen/czDbu
A
回答
1
這是backface-visibility: hidden在.pie-chart > :last-child em引發了Safari瀏覽器的渲染錯誤。這條線似乎不是必要的，沒有它，一切正常。這個例子沒有bug：http://codepen.io/anon/pen/ktKmu。
我通過刪除CSS & JavaScript的位來發現了這個問題，直到錯誤不再發生，揭示了造成它的單行。減少ftw！
+0
真棒，謝謝傑克，修復它:) – s10wen
相關問題
- 1. CSS關鍵幀動畫在Safari中不起作用
- 2. 動畫不起作用CSS
- 3. 動畫CSS不起作用
- 4. css動畫不起作用
- 5. CSS動畫在Chrome中不起作用
- 6. css動畫在Firefox中不起作用？
- 7. CSS動畫在Chrome中不起作用
- 8. CSS動畫在IE中不起作用
- 9. CSS動畫在IE11中不起作用
- 10. CSS動畫在Safari中不工作
- 11. CSS動畫在Rails應用程序中不起作用
- 12. jQuery .css（）在Safari中不起作用
- 13. css背景在safari中不起作用
- 14. CSS列在Safari中不起作用Mac
- 15. Firefox中的CSS動畫不起作用
- 16. SVG動畫使用CSS不起作用
- 17. jQuery的動畫不透明在Safari中不起作用
- 18. CSS不透明動畫不起作用
- 19. CSS定位在Safari上不起作用
- 20. 在Safari中，XML響應不起作用
- 21. jQuery動畫效果在Safari中不起作用
- 22. CSS3動畫方向Reverse在Safari中不起作用
- 23. addClass和className在js中不起作用
- 24. CSS下劃線動畫不起作用
- 25. CSS按鈕動畫將不起作用
- 26. 爲什麼CSS動畫不起作用
- 27. CSS SVG動畫不起作用
- 28. Css脈衝動畫不起作用
- 29. CSS寬度動畫不起作用
- 30. FadeInUp css動畫不起作用
您正在測試哪個版本的Safari？ 'Safari瀏覽器不支持'@ -webkit-keyframes'。在我的Safari 5.1.10/OsX 10.6.8中正常運行 – fcalderan
版本7.0.2（9537.74.9） – s10wen
以下是我在Chrome中獲得的內容，然後是Safari： https://vine.co/v/MA2pQt7Mn57 – s10wen