Safariのアニメーションの互換性の問題

Question

html、css、jsを使用して簡単なアニメーションを作成しました。これはChrome、FireFox、Edge、IE9で動作しますが、Safariでは動作しません。イベントハンドラwindow.onloadを使用しないように覚えておいてください

window.onload = function(){ }; 

Link to jsFiddle

Answer 1

：

またjsのコードがに包まれました。代わりにwindow.addEventListener('load', callback);を使用してください。これは、オブジェクトに1つのイベントハンドラしか登録されていない可能性があるためです。しかし、複数のイベントリスナーをアタッチすることはできます。問題は、イベントハンドラが別の場所に上書きされている可能性があります。イベントリスナーをアタッチして試してみてください。

幸運を祈る！