【发布时间】：2018-08-05 04:16:14
【问题描述】：
我在开发网站时注意到 Google Chrome 中的以下错误。出于显而易见的原因，徽标和文字已更改。
正常显示：
出现bug后显示：（注意导航栏下方的灰线）
上下文：
首次加载时，页面始终正常。仅当我向下滚动然后向上滚动多次时才会出现该错误。它并不总是相同的线条，并且当我向上/向下滚动时会不断改变位置。但总是相同大小的线条和相同的颜色。
当我移除导航栏的 box-shadow 时，线条不再出现。
该错误仅出现在 Google Chrome 中，而不出现在 Firefox 和 Edge 中（无法在 Safari 中尝试）。
我在 Windows 10 上安装了 nvidia GPU。
肯定是盒子阴影的原因，因为我可以通过添加这行 CSS 来重现其他网站的错误（下面的 SO 网站中的示例）。
涉及的代码行数：
box-shadow: 0 1px 0 0 rgba(0,0,0,0.1)
注意：它的不透明度仍然显示为 1 而不是 0.1。
我发现最接近的是这个问题：Strange diagonal lines in Chrome/Chromium (bug?)
但我不确定它是不是一样的东西，因为它的外观不一样，图案不一样，而且出现的原因也不一样。
是否有人遇到过同样的想法，并且可以确认这是同一个问题/找到了此错误的修复程序，或者是否可以将其报告给 Chrome？
【问题讨论】：
-
可能是显卡驱动问题。您是否尝试过关闭 Chrome 的硬件加速？或者也许可以更新驱动程序。
-
您好，我遇到了同样的问题，您尝试过这个解决方案吗？ stackoverflow.com/questions/37612255/…
标签： css google-chrome webkit chromium