【问题标题】:Keyframes not working in IE 10,11关键帧在 IE 10,11 中不起作用
【发布时间】:2016-10-28 05:52:22
【问题描述】:

http://www.restaurantplacement.com.php56-22.dfw3-1.websitetestlink.com/

这是网站链接,我可以在除 IE 10,11 之外的所有浏览器中使用它。它从左到右滚动。

【问题讨论】:

  • 总是输入一些代码。

标签: internet-explorer css-animations


【解决方案1】:

我认为问题出在关键帧的定义上。标准语法是 @keyframes name 而不是 @keyfames "name"。因此,我建议您从所有 @keframes 名称中删除引号 " "。 它们在文件中定义 http://www.restaurantplacement.com.php56-22.dfw3-1.websitetestlink.com/wp-content/themes/generatepress_child/style.css

删除引号使其成为。

 @keyframes bannermove {
 0% {
  margin-left: 0px;
}
100% {
 margin-left: -8455px;
}

}

@-moz-keyframes bannermove {
0% {
 margin-left: 0px;
}
 100% {
 margin-left: -8455px;
 }

 }

@-webkit-keyframes bannermove {
0% {
margin-left: 0px;
}
100% {
 margin-left: -8455px;
}

 }

 @-ms-keyframes bannermove {
0% {
 margin-left: 0px;
 }
 100% {
 margin-left: -8455px;
} 

}

@-o-keyframes bannermove {
0% {
margin-left: 0px;
}
100% {
  margin-left: -8455px;
}

}

我不能确定这是问题所在。因为我无法编辑文件并重新加载页面(如果可能,我不知道),我无法验证它是否解决了问题。 但是,对于这样的网站,最好提供一些代码(您认为与问题有关的代码)。我花了至少 20 分钟来搜索您的网站文件中可能存在的问题。如果您包含此文件的内容会更容易。 希望它有效。

【讨论】:

  • 谢谢!我什至在某处读过这个,但忘记了我没有删除它们!
猜你喜欢
  • 2016-12-14
  • 2014-01-07
  • 1970-01-01
  • 1970-01-01
  • 2013-06-28
  • 1970-01-01
  • 2014-12-05
  • 2023-04-03
  • 1970-01-01
相关资源
最近更新 更多