為什麼我無法在 Firefox 和 Internet Explorer 中製作背景圖片動畫？

關鍵影格中的背景圖片：在Firefox 和Internet Explorer 中無效

據報道，該問題涉及關鍵影格中缺少背景圖片動畫火狐和Internet Explorer。這種不一致的原因是，根據 CSS 規範，background-image 不是一個可設定動畫的屬性。儘管如此，不同的瀏覽器以不同的方式處理這種差異。

Chrome (Webkit) 在動畫期間顯示背景圖像，而 Firefox 和 IE 不會這樣做。 oli.jp 的消息來源解釋說，這種不一致可能源於 CSS 中對交叉淡入淡出圖像缺乏廣泛支持。同時，可以使用影像精靈、背景位置或不透明度來模擬這種效果。

矛盾的是，Firefox 的行為在涉及背景圖像的過渡和動畫之間有所不同。雖然它在轉換期間立即顯示第二個圖像（如將滑鼠懸停在程式碼片段中的第一個div 上所示），但在動畫期間卻無法這樣做（如將滑鼠懸停在第二個div上即可證明）。

結論，建議不要在關鍵影格內設定背景影像。相反，按照 oli.jp 的建議，選擇背景位置或不透明度。

以上是為什麼我無法在 Firefox 和 Internet Explorer 中製作背景圖片動畫？的詳細內容。更多資訊請關注PHP中文網其他相關文章！