Javascript 3d flip+slick.js在第一次旋转后自动翻转

在CSS3中，我的旋转木马+3d翻转有一些bug。当我点击旋转木马并翻转按钮时，第一张幻灯片将在整个旋转后自动翻转

这里有一个

及

从前面删除z-index:2为我修复了它

顺便提一下，这个问题很好。屏幕广播，JSFIDLE，代码示例。。。漂亮

将此添加到fiddle中的CSS中：

.slick-cloned {
    background-color: red;
}

---

然后你会看到，在它从前到后闪烁之前，实际上克隆的幻灯片是可见的，然后被移除。

我在Safari中遇到了一个问题。另一方面，这对我正在研究的问题有很大帮助。

背面可见性：

---

Firefox 10+和IE 10+支持无前缀的背面可见性。Opera post Blink、15+、Chrome、Safari、iOS和Android都需要—webkit背面可见性。

Hi@elzi—谢谢，但删除z-index不起作用。我还把它改成了z-index:0，但运气不好。嗯，看起来你是对的。我获得了间歇性的成功/行为。查看我的最新答案-我还没有解决方案，但我发现了问题所在。这是个不错的地方，elzi。这是克隆第一张幻灯片。我尝试隐藏克隆，这将解决主要问题，但会解决另一个问题：幻灯片的出现和消失。您可以通过修改slick JS来修复它，设置“翻转”卡片的数组，并使用该数组在每次幻灯片移动时自动将该类添加到slick克隆元素。Ooooor你可以在灵活的选项中选择无限：错误…无限：错误暂时有效。希望这足以满足我公司的要求。谢谢elzi！

.slick-cloned {
    background-color: red;
}