Chrome CSS3 3D转换错误

Question

我有css在3d空间中对元素进行翻转。除了当您在页面上下滚动时，您随机获取Chrome中某些位置的页面上显示的白色元素，它的效果很好。我在facebook标签中附加了一张图片作为示例。在镀铬窗户中，白色＆＃34;盒子＆＃34;偶尔掩盖内容。当我注释掉3d变换css时，这不会发生。这是css的小提琴（http://jsfiddle.net/derekaug/QSEvs/），用于完成3d内容。不幸的是，我无法链接到实际标签，因为它不公开。

Answer 1

我之前遇到过这样的问题，并没有说它肯定会起作用，但我如何修复它是在没有使用它们时从元素中删除所有转换css属性。

这是，仅在动画开启时应用变换属性。这意味着在您的示例中为每个具有所有转换属性的动画创建一个类，删除基类上的类。然后点击应用适当的类，一旦转换结束，删除该类。当转换结束时会对元素触发一个javascript回调，可以删除该类：

CSS3 transition events