Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/list/4.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
Internet explorer 10 罕见的IE10错误:背景位置的CSS动画因多个背景和百分比而失败_Internet Explorer 10_Css Animations_Background Position_Background Image - Fatal编程技术网

Internet explorer 10 罕见的IE10错误:背景位置的CSS动画因多个背景和百分比而失败

Internet explorer 10 罕见的IE10错误:背景位置的CSS动画因多个背景和百分比而失败,internet-explorer-10,css-animations,background-position,background-image,Internet Explorer 10,Css Animations,Background Position,Background Image,这是一个非常特殊的错误-但是,我希望有人能给我一个解决方法!该缺陷主要在于IE10未能在同时满足这两个条件时制作背景位置的CSS动画 有多重背景的 设置背景位置的百分比 下面是一个演示,比较Chrome和IE10: 您需要在零后面加一个百分号。 必须如此: @keyframes move { 0% { background-position: 0%, 0%; } 100% { background-position: 0%, 100%; } } 使用像“right”这样的关键字而不

这是一个非常特殊的错误-但是,我希望有人能给我一个解决方法!该缺陷主要在于IE10未能在同时满足这两个条件时制作背景位置的CSS动画

  • 有多重背景的
  • 设置背景位置的百分比
下面是一个演示,比较Chrome和IE10:


您需要在零后面加一个百分号。 必须如此:

@keyframes move {
  0% { background-position: 0%, 0%; }
  100% { background-position: 0%, 100%; }
}
使用像“right”这样的关键字而不是百分比会得到相同的结果。哦,我应该注意(如果MS正在阅读):我第一次在我正在构建的一个非常复杂的页面上发现了错误,但是在这种情况下(不是在演示中),每隔15次刷新一次,其中一些元素实际上会像它们应该的那样进行动画处理!真奇怪。。。。。