google-chrome - 不相关的 div 在另一个元素的转换过程中移动

Question

关于 this page ，当您将鼠标悬停在右上角的红色标记上时，css3 变换会旋转图像。这按预期工作，但 div.last.half 短暂地向右单击并返回到它的原始位置。

这仅出现在 Chrome 24.0.1312.35 beta-m 中。

我无法弄清楚是什么原因造成的。任何帮助表示赞赏。

Answer 1

这看起来像是 Chrome 中的错误。它可能与 GPU 合成有关。该问题确实在 Mac 上的 Chrome 23.0.1271.95(官方版本 169798)中为我重现，但在 Mac 上的 Chrome 25.0.1358.0(官方版本 172524)canary 中没有为我重现。如果这是 Chrome 中的错误，则该错误可能已被修复。

如果您立即需要解决方法，您可以尝试强制合成闪烁的区域。例如，通过更改 <div id="main" …>拥有这种内联样式 style="-webkit-transform: translate3d(0, 0, 0);"这种闪烁不再出现在我身上。