Chrome渲染错误，Slick.js，Flash动画

Question

Chrome中出现以下显示问题（版本39.0.2171.95 dev-m） 已在多台Windows PC和Mac上观察到它。

似乎有两个可能导致这种情况的罪魁祸首，一个使用Slick.js和flash动画的幻灯片组件。我更新了Slick.js无济于事。

无论组件位于何处，内容显示都将在同一位置切断。该位置似乎是从页面顶部固定的，而不是相对于浏览器的大小。

当您将鼠标移动到该区域时，下面的隐藏内容将以块的形式显示。调整浏览器大小或突出显示页面上的文本也将清除它。

虽然错误仍然存​​在，但您可以在此处查看 http://sci.esa.int

有什么想法吗？

如果我通过删除js来破坏slick.js - 那么Twitter组件不会导致错误。 如果我从页面中删除flash或twitter组件，则不会发生错误。

Answer 1

我找到了决议

html{
    -webkit-transform: translate3d(0, 0, 0);
}

根据另一条评论，虽然我已添加此代码

html *:not(svg) {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0); /*only in IE10*/
}

Chrome redraw issue

虽然另一条评论表明它可能有缺点