Chrome 18渲染工件围绕表单元素

Question

在OSX 10.7.3上升级到Chrome 18后，我们开始注意到与表单元素相关的稍纵即时的渲染工件：

它们在滚动过程中来来往往。我一直在各种其他操作系统/浏览器环境中进行测试，并且无法重现这一点，也没有在以前版本的Chrome中发生过这种情况。

这是一款成熟稳定的网络应用，具有相当复杂的HTML / CSS。我无法生成一个简单的测试小提琴来重现这一点。

其他人是否有问题？您能想到可能的HTML / CSS原因而不是Chrome错误吗？

Answer 1

我还注意到Chrome 18会在某些页面中显示工件，但这只会在该页面加速GPU时发生。几天前我问了一个类似的问题：

GPU acceleration crashes website

Chrome会在检测到CSS中的3D变换时启用硬件加速。

如果您在页面周围看到绿色方块，则可以转到chrome://flags并启用“合成渲染图层边框”选项，因为某些CSS规则会导致您的网页加速硬件。您可以尝试删除任何3D CSS规则或为这些元素指定更高的z-index。它通常有帮助。