IE 10中关键帧旋转跳来跳去

Question

我正在使用一个基本的CSS加载指示器，该指示器基于w3schools的指示器。除了使用IE 10时，它运行得很好，它跳来跳去。 https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_loader

有人知道IE10的解决方法吗？

.loader {
   ...
   border-radius: 50%;
   animation: spin 2s linear infinite;
   ...
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

Answer 1

我使用IE11中的开发人员工具以文档模式进行了测试。

我注意到它正确显示了结果，但同时也显示了一个弹出框以允许块内容。

如果允许，则代码会中断。

与其他旧版本的IE相比，它不会显示任何弹出窗口，但也无法正常工作。

下面是我的测试结果。

因此，您可以尝试进行测试，而不允许内容检查它是否与IE10兼容。