Chrome转换矩阵iframe渲染故障

Question

我在谷歌浏览器的网页上有一个奇怪的渲染故障。我在Mac Chrome下复制了它，在Windows下用平行虚拟机复制了Chrome。

它应该是一个简单的可拖动div。但是，当你拖动它时，它看起来像这样：http://imgur.com/VdY3Tv2

情况很不寻常;它是一个带有css变换矩阵的容器div，包含一个iframe，带有一个可拖动的div。

我创建了一个演示。只需拖动div：https://www.dropbox.com/s/cjq39w82mghuze2/bug.7z?dl=0

知道是什么原因引起的吗？

[编辑]

我仍然不知道。但是：更新父元素的变换矩阵（在我的例子中，我使用fit.js，并调用watching.trigger（））强制重绘。所以，这可能是一个有用的解决方法，可以帮助人们。 ：）

Answer 1

我发现了一个非常愚蠢的实际修复工具，就像我之前的尝试一样。

iframe {
    -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
    backface-visibility: hidden;
}

为了澄清，对于发生这种情况的任何iframe，请应用上述CSS。

没有更多的故障。愚蠢，我不知道为什么它有用，但我只是尝试了随机的东西，然后这个工作。我猜它能够启用某种不同的渲染流程来避免这个bug，无论它是什么。