Html 为什么不是'；我的动画是否在Internet Explorer 10+；中工作；？

为什么此代码在

IE 10+

.logo{float:左；宽度：250px；}
.logo img{float:left；}
.logo img.leftLog{宽度：83%；}
.logo img.rightLog{宽度：13%；左边距：4%；背景重复：无重复；
动画：4s线性0s正常无无限旋转；
-moz动画：4s线性0s正常无无限旋转；
-o型动画：4s线性0s正常无无限旋转；
-webkit动画：4s线性0s正常无无限旋转；
-khtml动画：4s线性0s正常无无限旋转；
-ms动画：4s线性0s正常无无限旋转；
变换：旋转（360度）；
-moz变换：旋转（360度）；
-o变换：旋转（360度）；
-webkit变换：旋转（360度）；
-khtml变换：旋转（360度）；
-ms变换：旋转（360度）；
}
@关键帧旋转{100%{变换：旋转（0度）；}
@-moz关键帧旋转{100%{-moz变换：旋转（0度）；}
@-o-关键帧旋转{100%{-o-变换：旋转（0度）；}
@-webkit关键帧旋转{100%{-webkit变换：旋转（0度）；}
@-ms关键帧旋转{100%{-ms变换：旋转（0度）；}}

---

问题在于动画对象的注释。在IE中，需要一个不同的注释，如图所示。问题是，动画可以包含6个属性，您可以定义8个IE不喜欢的属性

因此，不要像这样定义动画：

animation: 4s linear 0s normal none infinite running spin;

  animation-name: spin;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-delay: none;
  animation-iteration-count: infinite;
  animation-direction: running;

您必须这样定义它：

animation: 4s linear 0s normal none infinite running spin;

  animation-name: spin;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-delay: none;
  animation-iteration-count: infinite;
  animation-direction: running;

为了更容易理解，我写下了属性

请参见演示：

.logo{float:左；宽度：250px；}
.logo img{float:left；}
.logo img.leftLog{宽度：83%；}
.logo img.rightLog{宽度：13%；左边距：4%；背景重复：无重复；
动画名称：旋转；
动画持续时间：4s；
动画计时功能：线性；
动画延迟：无；
动画迭代次数：无限；
动画方向：跑步；
-moz动画：4s线性0s正常无无限旋转；
-o型动画：4s线性0s正常无无限旋转；
-webkit动画：4s线性0s正常无无限旋转；
-khtml动画：4s线性0s正常无无限旋转；
-ms动画：4s线性0s正常无无限旋转；
变换：旋转（360度）；
-moz变换：旋转（360度）；
-o变换：旋转（360度）；
-webkit变换：旋转（360度）；
-khtml变换：旋转（360度）；
-ms变换：旋转（360度）；
}
@关键帧旋转{100%{变换：旋转（0度）；}
@-moz关键帧旋转{100%{-moz变换：旋转（0度）；}
@-o-关键帧旋转{100%{-o-变换：旋转（0度）；}
@-webkit关键帧旋转{100%{-webkit变换：旋转（0度）；}
@-ms关键帧旋转{100%{-ms变换：旋转（0度）；}}

---

问题在于动画对象的注释。在IE中，需要一个不同的注释，如图所示。问题是，动画可以包含6个属性，您可以定义8个IE不喜欢的属性

因此，不要像这样定义动画：

animation: 4s linear 0s normal none infinite running spin;

  animation-name: spin;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-delay: none;
  animation-iteration-count: infinite;
  animation-direction: running;

您必须这样定义它：

animation: 4s linear 0s normal none infinite running spin;

  animation-name: spin;
  animation-duration: 4s;
  animation-timing-function: linear;
  animation-delay: none;
  animation-iteration-count: infinite;
  animation-direction: running;

为了更容易理解，我写下了属性

请参见演示：

.logo{float:左；宽度：250px；}
.logo img{float:left；}
.logo img.leftLog{宽度：83%；}
.logo img.rightLog{宽度：13%；左边距：4%；背景重复：无重复；
动画名称：旋转；
动画持续时间：4s；
动画计时功能：线性；
动画延迟：无；
动画迭代次数：无限；
动画方向：跑步；
-moz动画：4s线性0s正常无无限旋转；
-o型动画：4s线性0s正常无无限旋转；
-webkit动画：4s线性0s正常无无限旋转；
-khtml动画：4s线性0s正常无无限旋转；
-ms动画：4s线性0s正常无无限旋转；
变换：旋转（360度）；
-moz变换：旋转（360度）；
-o变换：旋转（360度）；
-webkit变换：旋转（360度）；
-khtml变换：旋转（360度）；
-ms变换：旋转（360度）；
}
@关键帧旋转{100%{变换：旋转（0度）；}
@-moz关键帧旋转{100%{-moz变换：旋转（0度）；}
@-o-关键帧旋转{100%{-o-变换：旋转（0度）；}
@-webkit关键帧旋转{100%{-webkit变换：旋转（0度）；}
@-ms关键帧旋转{100%{-ms变换：旋转（0度）；}}

CSS动画未在IE8或IE9中实现。支持动画的IE的第一个版本是IE10。那么10或11呢@詹姆斯唐纳利：你在IE 10或11中检查代码了吗。你只是投了反对票，没有看到问题。CSS3动画只支持ie10+及以上版本的in。@Maddy IE11不喜欢你的

动画
声明。我对CSS动画了解不够，无法告诉你原因：。好的@JamesDonnelly，我理解。很抱歉，你有大约6万名代表。所以，如果你没有足够的知识，请不要投票否决任何其他人CSS动画没有在IE8或IE9中实现。支持动画的IE的第一个版本是IE10。那么10或11呢@詹姆斯唐纳利：你在IE 10或11中检查代码了吗。你只是投了反对票，没有看到问题。CSS3动画只支持ie10+及以上版本的in。@Maddy IE11不喜欢你的
动画
声明。我对CSS动画了解不够，无法告诉你原因：。好的@JamesDonnelly，我理解。很抱歉，你有大约6万名代表。所以，如果你没有足够的知识，请不要投票否决任何其他人