Pourquoi ne puis-je pas animer des images d'arrière-plan dans Firefox et Internet Explorer ?

Image d'arrière-plan dans les images clés : inefficace dans Firefox et Internet Explorer

Le problème, tel que signalé, concerne l'absence d'animation d'image d'arrière-plan dans Firefox et Internet Explorer. Cette incohérence vient du fait que background-image n'est pas une propriété animable selon les spécifications CSS. Malgré cela, différents navigateurs gèrent cet écart de différentes manières.

Chrome (Webkit) affiche l'image d'arrière-plan pendant l'animation, tandis que Firefox et IE s'abstiennent de le faire. Une source sur oli.jp explique que cette incohérence peut provenir d'un manque de prise en charge généralisée des images en fondu enchaîné en CSS. En attendant, des sprites d'image, la position d'arrière-plan ou l'opacité peuvent être utilisés pour simuler cet effet.

Paradoxalement, le comportement de Firefox diffère entre les transitions et les animations impliquant des images d'arrière-plan. Bien qu'il affiche immédiatement la deuxième image lors des transitions (comme le montre le survol du premier div dans l'extrait de code), il n'y parvient pas lors des animations (comme le montre le survol du deuxième div).

En conclusion , il est conseillé de s'abstenir de définir une image d'arrière-plan dans les images clés. Optez plutôt pour la position d'arrière-plan ou l'opacité, comme suggéré par oli.jp.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!