Firefox と Internet Explorer で背景画像をアニメーション化できないのはなぜですか?

キーフレームの背景画像: Firefox および Internet Explorer では無効

報告されているように、この問題は、キーフレームの背景画像アニメーションが存在しないことに関係しています。 Firefox と Internet Explorer。この矛盾は、CSS 仕様に従って、background-image がアニメーション化可能なプロパティではないという事実から生じます。それにもかかわらず、ブラウザによってこの不一致はさまざまな方法で処理されます。

Chrome (Webkit) はアニメーション中に背景画像を表示しますが、Firefox と IE は背景画像を表示しません。 oli.jp の情報筋は、この不一致は CSS での画像のクロスフェードに対する広範なサポートが不足していることに起因する可能性があると説明しています。それまでの間、画像のスプライト、背景の位置、または不透明度を使用して、この効果をシミュレートできます。

逆説的に言えば、Firefox の動作は背景画像を含むトランジションとアニメーションでは異なります。トランジション中に 2 番目の画像がすぐに表示されますが (コード スニペットの最初の div にカーソルを置くとわかります)、アニメーション中は表示されません (2 番目の div にカーソルを置くとわかります)。

結論、キーフレーム内に背景画像を設定しないことをお勧めします。代わりに、oli.jp が提案するように、背景の位置または不透明度を選択してください。

以上がFirefox と Internet Explorer で背景画像をアニメーション化できないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。