带有 CSS 过渡的幻灯片闪烁 [英] Slide flickering with CSS transitions

问题描述

一直在研究可能的解决方法，但无法找出问题所在.

问题似乎只存在于 chrome 中.但它不会在 Chrome Canary 中发生.

解决方案

您的网站中可能有另一个样式表会导致此问题.

Have been researching possible fixes for this and just cannot figure out what's wrong.

The issue seems to only be in chrome. But it doesn't happen in Chrome Canary.

http://jsfiddle.net/de2yzzds/6/ (use arrow keys to navigate and I also need the html this way)

The slide flickers when it goes from the last slide to the first slide

I'm on a mac using Chrome Version 47.0.2526.80 (64-bit)

Using latest version of https://github.com/kenwheeler/slick

Can anyone else recreate the issue?

I've tried these solutions.

-webkit-transform: translate3d(0,0,0);

-webkit-backface-visibility: hidden;

解决方案

probably there is another style-sheet in your website that creates this problem.

这篇关于带有 CSS 过渡的幻灯片闪烁的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！