Html 为什么这个CSS3动画不能在IE或Firefox中工作?
我正在使用jQuery在Flash横幅上触发这个类,它在Safari和Chrome中工作得很好,但在Firefox或IE中却不工作。jQuery工作得很好,只是CSS3淡入淡出,它不会: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
.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,但不起作用。这就是我刚才解释的