Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.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
Html 为什么这个CSS3动画不能在IE或Firefox中工作?_Html_Css_Internet Explorer_Firefox_Css Animations - Fatal编程技术网

Html 为什么这个CSS3动画不能在IE或Firefox中工作?

Html 为什么这个CSS3动画不能在IE或Firefox中工作?,html,css,internet-explorer,firefox,css-animations,Html,Css,Internet Explorer,Firefox,Css Animations,我正在使用jQuery在Flash横幅上触发这个类,它在Safari和Chrome中工作得很好,但在Firefox或IE中却不工作。jQuery工作得很好,只是CSS3淡入淡出,它不会: .opacityChange { -webkit-animation: opacityChange 1s forwards; -moz-animation: opacityChange 1s forwards; -o-animation: opacityChange 1s forwards; -ms-anima

我正在使用jQuery在Flash横幅上触发这个类,它在Safari和Chrome中工作得很好,但在Firefox或IE中却不工作。jQuery工作得很好,只是CSS3淡入淡出,它不会:

.opacityChange {
-webkit-animation: opacityChange 1s forwards;
-moz-animation: opacityChange 1s forwards;
-o-animation: opacityChange 1s forwards;
-ms-animation: opacityChange 1s forwards;
animation: opacityChange 1s forwards;
}


@-webkit-keyframes opacityChange {
0% {opacity:0;}
100% {opacity:1;}
}

@-moz-keyframes opacityChange {
0% {opacity:0;}
100% {opacity:1;}
}

@-o-keyframes opacityChange {
0% {opacity:1;}
100% {opacity:1;}
}

@-ms-keyframes opacityChange {
0% {opacity:1;}
100% {opacity:1;}
}

@keyframes opacityChange {
0% {opacity:1;}
100% {opacity:1;}
}

这不是前进吗?我希望规范中没有这样的错误。编辑:看起来有些关键帧的值也不同。。。如果Chrome是0,然后是1,为什么IE、FF和Opera是1,然后是1?@TylerH:spec最明确的拼写是向前…:/它肯定是向前的。我在测试时改变了它们。当他们都在工作时,它就不起作用了same@user3589485是的,但你没有对Opera、IE或Firefox的更改集,因为Firefox不再使用浏览器前缀来制作动画,AFAIK;将其设置为从不透明度为1开始,然后移动到不透明度为。。。1.将其更改为从不透明度0开始,您可能会看到您的错误已修复。我已经这样做了,当我测试它时,它们仅为1和1。我粘贴了错误的代码。它们返回到0 1,但不起作用。这就是我刚才解释的