javascript - 發現個奇怪的問題，寫的css動畫當我把標籤頁收起時動畫自動暫停了

Question

發現個奇怪的問題，寫的css動畫當我把標籤頁收起時動畫自動暫停了，再展開標籤頁時動畫才繼續播放。
我是用背景圖移動達到運動的效果的，是不是跟這個原因有關？

Answer 1

如果你收起標籤頁之後將元素設定為display: none的話，這個元素就不屬於文檔流了，所以就不會被CSS渲染，也就不會運行動畫了。

如果是這種情況，建議收起之後使用opacity或visibility進行隱藏。