javascript - J'ai trouvé un problème étrange. L'animation CSS que j'ai écrite s'est automatiquement mise en pause lorsque j'ai fermé l'onglet.

Question

J'ai trouvé un problème étrange. L'animation CSS que j'ai écrite s'est automatiquement mise en pause lorsque j'ai fermé l'onglet et a continué à jouer lorsque j'ai développé l'onglet.
J'ai utilisé l'image d'arrière-plan pour déplacer afin d'obtenir l'effet de mouvement. Est-ce lié à cette raison ?

Answer 1

Si vous définissez l'élément sur display: none après avoir fermé l'onglet, l'élément n'appartiendra pas au flux de documents, il ne sera donc pas rendu par CSS et l'animation ne s'exécutera pas.

Si tel est le cas, il est recommandé d'utiliser opacity或者visibility pour le cacher après l'avoir plié.