发现个奇怪的问题，写的css动画当我把标签页收起时动画自动暂停了

Question

发现个奇怪的问题，写的css动画当我把标签页收起时动画自动暂停了，再展开标签页时动画才继续播放。
我是用背景图移动达到运动的效果的，是不是和这个原因有关？

Answer 1

如果你收起标签页之后将元素设置为display: none的话，这个元素就不属于文档流了，所以就不会被CSS渲染，也就不会运行动画了。如果是这种情况，建议收起之后使用opacity或者visibility进行隐藏。