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

Question

在 OSX 10.7.3 上升级到 Chrome 18 后，我们开始注意到似乎与表单元素相关的稍纵即逝的渲染伪影：

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

这是一个成熟、稳定的 Web 应用程序，具有相当复杂的 HTML/CSS。我无法制作一个简单的测试小提琴来重现这一点。

还有人看到问题吗？你能想到一个可能的 HTML/CSS 原因而不是 Chrome 错误吗？

Answer 1

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

GPU 加速使网站崩溃

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

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