Question

我在以下测试页面上使用Flexslider（支持jquery 1.4.8的旧版本1.0）：http://www.showstyle.lu/service/startv2/

如您所见，滑块在左上角和右下角图像上实现（在内容的上半部分）。当我通过Dreamweaver离线测试时，没有口吃效果或延迟效果，但在chrome / firefox / opera中，淡入淡出效果开始，但随后以一种非常尴尬的方式冲入下一张幻灯片。

它看起来并不平滑，在IE中它根本不会消失但是没关系，它是IE的后续（翻录IE）

我浏览了Stackoverflow，google上的很多网页都提到它主要是针对Firefox的浮动相关问题而不是Chrome中出现的很多问题。

我浏览了滑块并检查了它们。 unssed css中的各个类，看看它是否会影响滑块的流动性，但到目前为止没有运气，所以我无法确定那些干扰滑块的代码。

有任何经验吗？

提前致谢！

Answer 1

我不确定这会有所帮助，但在你的style.css中你有一些滑块过渡的代码：

* {
-moz-transition: color 0.3s ease;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;
transition: opacity .25s ease-in-out; */
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity 3s ease-in-out; */

}

通过删除底部3个属性，我可以在滑块上获得更多更平滑的过渡（通过检查元素和编辑CSS来完成此操作）。因此，如果您的CSS的这一部分就是这样：

* {
-moz-transition: color 0.3s ease;
-webkit-transition: color 0.3s ease;
transition: color 0.3s ease;

我认为您将获得您正在寻找的更顺畅的过渡。（这是在Chrome中完成的，并未测试过其他浏览器。）

FlexSlider口吃/滞后褪色

1 个答案: