Chrome中出现奇怪的黑块答案

【问题标题】：Strange black blocks appearing in ChromeChrome中出现奇怪的黑块
【发布时间】：2012-08-07 05:28:36
【问题描述】：

由于某种原因，黑框显示在 Chrome（最新版本）中的随机空间中。

其中一些框出现在主容器之外，而另一些则出现在内联中，覆盖了内容块。它们随机出现，通常在滚动后出现，并且在打开检查器、悬停在元素上或向下和向上滚动时通常会消失。

作为参考，页面上有一些动画、框阴影（已被禁用但没有运气）、线性渐变和位置：固定元素，尽管对于 Chrome 以外的浏览器来说这不是问题。

这已在用户测试中得到广泛报道，尽管我无法想出一个修复方法。我不确定这是 CPU 还是显卡问题，因为该网站相对较轻，而且我正在使用 16gb 内存的新笔记本电脑浏览。我的旧 Mac Mini 内存为 4gb，不会出现这个问题。

任何指针将不胜感激。

【问题讨论】：

我们能看一些代码吗？还是发生在外部网站上？
@Jawad 这个版本的 Chrome 是 21.0.1180.75（非测试版）。
@Erty - 真希望我能提供一些代码，但我不允许这样做：\ 我希望这对某些人来说看起来很熟悉，因为它似乎是一个渲染问题仅限于 Chrome。
HTML 标记或 CSS 中的某些内容必须与所有“黑盒”相同。 HTML和CSS的任何机会吗？您还在使用有效的 DOCTYPE 吗？
@Jawad – 文档类型就是。你认为使用旧的文档类型可以解决这个问题吗？黑盒子也出现在没有元素的容器之外。在第二个屏幕截图中，您可以看到部分被遮挡的
——这里没有子元素——只是被部分遮挡的文本行。

【解决方案1】：

eddz 在 crbug.com/new 上提交了该问题，超过 40 人为该票加注星标以跟进。它导致工程团队在 Chrome 中进行了一些单独的修复。

【讨论】：

归档时，将 about:gpu 的内容粘贴到报告中。
谢谢，保罗。这已提交至code.google.com/p/chromium/issues/detail?id=142038
这没有提供问题的答案。要批评或要求作者澄清，请在其帖子下方发表评论。
@Lior 这个问题的正确答案是 StackOverflow 不是报告浏览器错误的地方。浏览器工程师不会浏览 SO 来寻找错误。幸运的是，eddz 确实发布了一张罚单，并与关注此问题的其他人进行了非常富有成效的讨论。
@PaulIrish ...我注意到这个问题再次发生。我会将 GPU 内容归档到报告中

【解决方案2】：

我在使用 transformZ (0) 强制 GPU 渲染的网站上遇到了这个问题。当我删除此样式时，问题消失了

【讨论】：

【解决方案3】：

这不是一个答案，但如果你能够以某种方式重现它，也许以后会：

在本地或任何地方复制页面，将基本 href 设置为主域，现在开始从底部到顶部删除 css 链接和 js 脚本，直到你不再遇到这种行为，如果你得到到那时，您删除的最后一个脚本/样式表是罪魁祸首。

如果您找到了罪魁祸首文件，现在尝试查找罪魁祸首行/部分。

如果你没有达到那一点，它可能是浏览器，但听起来不像。

它也可能在脚本/样式表之间链接和/或意外继承。

【讨论】：

【解决方案4】：

我们在我们的网站上也遇到过这种奇怪的块。过去我们使用过渡，过渡正在重现另一个错误“奇怪的线条”随机出现在页面上并在滚动过程中消失。

现在我们开始使用 transformX-Y，可能在某些地方 Z 也是。我们有这个地狱块。

Chrome 中的 transfom + 过渡动画似乎有问题。当一次动画过多的块时，可能会出现此错误吗？

FF 工作正常。

【讨论】：

【解决方案5】：

我遇到了同样的盒子。对我来说，问题在于我使用的是 mp4 视频，这些视频在 chrome 中已被弃用，而不是 webm 视频。

【讨论】：

【解决方案6】：

我认为与我在我的网站上遇到相同问题的 GPU 有关。当我打开 Metal Rendering 标志时，它就停止了。

我的网站在滚动时会随机返回 bgs。它在视频和动画上真的很重，看起来 chrome 可用的 GPU 太少，以至于图形密集型网站在眨眼时无法正常工作。我注意到当 chrome 使用 webkit 时，这些问题并没有发生。

这是闪烁渲染问题。

【讨论】：