Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css IE 10或更高版本中的背景动画_Css_Internet Explorer_Animation_Background Position_Background Size - Fatal编程技术网

Css IE 10或更高版本中的背景动画

Css IE 10或更高版本中的背景动画,css,internet-explorer,animation,background-position,background-size,Css,Internet Explorer,Animation,Background Position,Background Size,我一直试图在IE中设置背景动画,但图像只是静止的。它适用于Chrome和Firefox,但不适用于IE。我曾经尝试过类似的设置 它在那里工作,但不与我的代码。有人知道IE/Edge不支持什么吗?搜索参考页让我一无所获。代码如下 @-webkit关键帧移动{ 0%{背景大小:310px 400px;} 40%{背景大小:1450px 1900px;} 40%{背景位置:-50px-1050px;} 60%{背景大小:1450px 1900px;} 60%{背景位置:-50px-1350px;}

我一直试图在IE中设置背景动画,但图像只是静止的。它适用于Chrome和Firefox,但不适用于IE。我曾经尝试过类似的设置

它在那里工作,但不与我的代码。有人知道IE/Edge不支持什么吗?搜索参考页让我一无所获。代码如下

@-webkit关键帧移动{
0%{背景大小:310px 400px;}
40%{背景大小:1450px 1900px;}
40%{背景位置:-50px-1050px;}
60%{背景大小:1450px 1900px;}
60%{背景位置:-50px-1350px;}
100%{背景大小:310px 400px;}
}
@关键帧移动{
0%{背景大小:310px 400px;}
40%{背景大小:1450px 1900px;}
40%{背景位置:-50px-1050px;}
60%{背景大小:1450px 1900px;}
60%{背景位置:-50px-1350px;}
100%{背景大小:310px 400px;}
}
div{
宽度:310px;
高度:400px;
背景图片:url('2024x3008image.png');
背景尺寸:310px 400px;
背景位置:左上角;
-webkit动画:移动10秒无限;
动画:移动10秒无限;

}
最终找到了答案。IE或边都不支持背景大小的动画(请参见)。这很令人失望,就像我一直以来一样。