19

出于某种原因,黑框在 Chrome(最新版本)中的随机空间中显示。

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

作为参考,页面上有一些动画、盒子阴影(已被禁用)、线性渐变和位置:页面上的固定元素,尽管这在 Chrome 以外的浏览器中不是问题。

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

任何指针将不胜感激。

在此处输入图像描述

在此处输入图像描述

4

6 回答 6

3

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

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

于 2012-08-10T19:05:51.747 回答
2

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

于 2012-08-31T16:20:20.017 回答
1

这不是一个答案,但如果你能够以某种方式重现它,可能会在以后的路上:

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

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

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

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

于 2012-08-09T22:31:13.873 回答
0

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

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

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

FF 工作正常。

于 2012-09-02T12:29:18.003 回答
0

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

于 2016-06-09T06:55:12.577 回答
0

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

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

我这是一个闪烁渲染问题。

于 2020-06-01T01:29:47.550 回答