css - IE 10 中的关键帧旋转跳跃

Question

我正在使用基于 w3schools 的基本 CSS 加载指示器。它工作得很好，除非使用 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); }
}

标签： cssanimationcss-animationsinternet-explorer-10

Answer 1

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

我注意到它正确显示了结果，但它也显示了一个允许阻止内容的弹出窗口。

如果你允许它，那么代码就会中断。

对于其他旧版本的 IE，它没有显示任何弹出窗口，但也无法正常工作。

下面是我的测试结果。

因此，您可以尝试在不让内容检查它是否适用于 IE10 的情况下进行测试。