Question

新手在这里轻松一点......

我实施了一个滑块来显示多个文字推荐。

我使用了此处的代码：http://cssdeck.com/labs/tu1e6uq5（推荐的幻灯片）

..并已在此处实施：http://www.yourtelemarketing.co.uk/testimonial.html

但是，我刚刚发现文字滑块似乎无法在Chrome或Firefox中运行，（在IE11中都很好）

有关如何修复的任何想法？非常感谢。

（只是为了澄清 - 我正在考虑不会滑动的文本推荐，而不是横幅/英雄图像，它们工作正常。）

Answer 1

如果您在Chrome控制台中检查网页并查看样式。您会注意到动画属性已交叉。我认为你需要通过前缀＆＃34; -webkit - ＆＃34;来定义它们。，＆＃34; -moz - ＆＃34;等取决于浏览器。与此类似：

-webkit-animation: tsl-fade-in-out 25s infinite;
-moz-animation: tsl-fade-in-out 25s infinite;
-ms-animation: tsl-fade-in-out 25s infinite;
-o-animation: tsl-fade-in-out 25s infinite;
animation: tsl-fade-in-out 25s infinite;

其他动画属性的

等等。同样，您需要添加

@-moz-keyframes tsl-fade-in-out{
  ...
}

@-webkit-keyframes tsl-fade-in-out{
  ...
}

以及关键帧。试试这个。它可能会解决您的问题。

CSS - 文本滑块

1 个答案: