是什么原因导致此网站在 Chrome 76 中出现奇怪的垂直线故障？

Question

我遇到了以下故障https://www.troyhunt.com/，在随机阅读他的一篇文章时：

如您所见，当我将鼠标悬停在浏览器选项卡上时，他的导航菜单上会出现一组奇怪的垂直黑条。无论窗口大小如何，无论我访问的是他博客的哪个页面，无论它是否是窗口中的唯一选项卡（尽管如果只有一个选项卡，则不太明显），无论我在哪里输入选项卡列表，都会发生此错误。关闭和重新打开选项卡、刷新和重新启动 Chrome 后，该错误仍然存​​在。Javascript 控制台日志中没有任何内容，在 Firefox 或 Edge 上也不会发生这种情况。

有人知道这是什么原因造成的吗？我正在使用 Chrome 版本 76.0.3809.100 (官方版本) (64 位)，Windows 10 1903。

Answer 1

看起来这个问题已在 Chrome 79 中得到解决。

---

这是 CSS 属性的一个已知错误backdrop-filter。已向 Chromium 开发团队报告这里。目前尚无解决方法。

我的研究表明，这是一个刚刚添加到的新 CSS 属性铬合金在这个版本中。