IEのキーフレームのバックラウンドアニメーションに関する問題がある

Question

IEのキーフレームの背景アニメーションにはいくつか問題があります。私はいくつかの画像を取得して、ページの読み込み時に画面外の位置にスライドさせようとしています。このコードはChromeでうまく機能しますが、IEではアニメーションが表示されません。ここで

は、アニメーションのための私のコードです：

@keyframes slideUp { 
    from { background-position: left 50em, right 50em, left 50em, right 50em; } 
    to { background-position: left bottom, right bottom, left bottom, right bottom; } 
} 

.content00001.page_container{ 
    background-image: url('../images/content00001/Asset9.png'), url('../images/content00001/Asset10.png'), url('../images/content00001/Asset11.png'), url('../images/content00001/Asset12.png'); 
    background-repeat: no-repeat; 
    background-position: left bottom, right bottom, left bottom, right bottom; 
    background-size: 22% 100%, 22% 100%, 22% 70%, 22% 70%; 
    -webkit-animation: 1.2s ease 0s slideUp; 
     -moz-animation: 1.2s ease 0s slideUp; 
     -o--animation: 1.2s ease 0s slideUp; 
      animation: 1.2s ease 0s slideUp; 
} 

私はここに欠けているものを上の任意のヘルプは素晴らしいことです！

Answer 1

キーフレームをコピーし、それに-webkit-プレフィックスを追加する必要があります。 「から」を「0％」に変更してみてください。

@-webkit-keyframes slideUp { 
    0% { background-position: left 50em, right 50em, left 50em, right 50em; } 
    to { background-position: left bottom, right bottom, left bottom, right bottom; } 
}