带有 CSS 过渡的幻灯片闪烁

Slide flickering with CSS transitions(带有 CSS 过渡的幻灯片闪烁)
本文介绍了带有 CSS 过渡的幻灯片闪烁的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

问题似乎只存在于 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 过渡的幻灯片闪烁的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

wkhtmltopdf print-media-type uses @media print ONLY and ignores the rest(Wkhtmltopdf print-media-type仅使用@media print,而忽略其余内容)
Minify CSS with Node-sass(使用Node-Sass缩小CSS)
How to rotate outer div not inner content(如何旋转外部div而不是内部内容)
how to apply css transform to child on parent hover(如何对父级悬停时的子级应用CSS变换)
Only transition a transform in css?(是否仅在css中转换转换?)
CSS transform doesn#39;t change CSS layout(Css转换不会更改css布局)