Internet Explorer 11(Windows Phone 8.1 版本)中的 CSS3 动画

Question

我的新网站有问题，它是 CSS3 效果。在 PC 上，everythink 工作(几乎)很好，但在我的 Windows Phone 8.1 设备上，CSS3 动画的行为有点奇怪。我很确定我的代码没问题 - 如果 WP 版本的 Internet Explorer 有任何限制，你不知道吗？

我想在那里发布屏幕截图，但我不能。很难更好地解释我的问题。

Answer 1

您正在使用无前缀的动画属性。对于 Windows Phone IE，这应该不是问题。

header div#headerTitle_Layer1 {
    animation-name: loadAnimation_Layer1;
}

我已经在 Lumia 930 和 630 上的 Windows Phone 8.1 上的 IE 中测试了您的网站，我非常确定动画工作正常(颜色和滑入)。

如果您想支持 Safari、Safari iOS、Opera、Android 和旧版本的 Chrome，您必须在属性前加上前缀。

header div#headerTitle_Layer1 {
    -webkit-animation-name: loadAnimation_Layer1;  
    animation-name: loadAnimation_Layer1;
}

查看完整的支持图表 here .