問題描述

發(fā)現(xiàn)個(gè)奇怪的問題，寫的css動(dòng)畫當(dāng)我把標(biāo)簽頁收起時(shí)動(dòng)畫自動(dòng)暫停了，再展開標(biāo)簽頁時(shí)動(dòng)畫才繼續(xù)播放。我是用背景圖移動(dòng)達(dá)到運(yùn)動(dòng)的效果的，是不是和這個(gè)原因有關(guān)？

問題解答

如果你收起標(biāo)簽頁之后將元素設(shè)置為display: none的話，這個(gè)元素就不屬于文檔流了，所以就不會(huì)被CSS渲染，也就不會(huì)運(yùn)行動(dòng)畫了。

如果是這種情況，建議收起之后使用opacity或者visibility進(jìn)行隱藏。