首頁 > web前端 > css教學 > 為什麼我無法在 Firefox 和 Internet Explorer 中製作背景圖片動畫?

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

Susan Sarandon
發布: 2024-11-05 19:58:02
原創
413 人瀏覽過

Why Can't I Animate Background Images in Firefox and 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板