Chrome中出现奇怪的黑色块

Question

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

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

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

这在用户测试中已被广泛报道，尽管我无法想象一下。我不确定它是否是CPU或显卡问题，因为该网站相对轻量级，我正在浏览一台16GB内存的新笔记本电脑。我的旧Mac Mini，有4GB的RAM，不会产生这个问题。

任何指针都会受到赞赏。

Answer 1

更新：这是Chrome中的一个错误，已修复：https://code.google.com/p/chromium/issues/detail?id=142038

eddz在crbug.com/new上提交了这个问题，超过40人参加了此次活动。它导致工程团队在Chrome中进行了一些单独的修复。

Answer 2

我在使用transformZ (0)强制GPU渲染的网站遇到此问题。当我删除这种风格时，问题就消失了

Answer 3

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

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

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

如果你没有达到这一点，可能成为浏览器，但听起来并不像。

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

Answer 4

我们在网站上也经历过这个奇怪的块。在过去我们使用转换，转换正在再现另一个错误“奇怪的线条”随机出现在页面上并在滚动期间消失。

现在我们开始使用transformX-Y，也可能在某些地方使用Z.而且我们有这个地狱碉堡。

使用transfom +过渡动画的Chrome似乎有些不对劲。当一次动画过多的块时，可能会出现此错误？

FF工作正常。

Answer 5

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

Answer 6

我认为与我在网站上遇到过同样问题的GPU有关。当我打开“金属渲染”标志时，它停止了发生。

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

这是一个眨眼的渲染问题。