Chrome 带有框阴影的错误显示线
Chrome bug display lines with box shadow
我在开发网站时注意到 Google Chrome 中的以下错误。出于显而易见的原因更改了徽标和文本。
正常显示：
错误出现后显示：（注意导航栏下的灰线）
上下文：
首次加载时，页面总是正常。只有当我多次向下滚动然后向上滚动时才会出现该错误。它并不总是相同的行，并且在我不断滚动时不断改变位置up/down。但总是相同大小的线条和相同的颜色。
当我移除导航栏的框阴影时，线条不再出现。
该错误仅出现在 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。
我发现的最接近的是这个问题：
但我不确定是不是同一件事，因为它的外观、图案不同，出现的原因也不同。
有没有人遇到过同样的想法并且可以确认这是同一个问题/找到了这个错误的修复程序或者将它报告给 Chrome 是否相关？
我在 Chrome 中遇到了类似的问题，其中带有 :focus 状态的输入框阴影的变化在 90% 的情况下会在其下方显示一条线：input bug with box-shadow
为我解决的问题是将 position:relative 添加到具有 box-shadow 属性 的元素。
使用 position: relative 对我不起作用。但是，此解决方案确实适用于此错误：.
Add 0.1px to the shadow's blur
box-shadow: Xpx Ypx 0.1px Spx #yourcolor;
我在开发网站时注意到 Google Chrome 中的以下错误。出于显而易见的原因更改了徽标和文本。
正常显示：
错误出现后显示：（注意导航栏下的灰线）
上下文：
首次加载时，页面总是正常。只有当我多次向下滚动然后向上滚动时才会出现该错误。它并不总是相同的行，并且在我不断滚动时不断改变位置up/down。但总是相同大小的线条和相同的颜色。
当我移除导航栏的框阴影时，线条不再出现。
该错误仅出现在 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。
我发现的最接近的是这个问题：
但我不确定是不是同一件事，因为它的外观、图案不同，出现的原因也不同。
有没有人遇到过同样的想法并且可以确认这是同一个问题/找到了这个错误的修复程序或者将它报告给 Chrome 是否相关？
我在 Chrome 中遇到了类似的问题，其中带有 :focus 状态的输入框阴影的变化在 90% 的情况下会在其下方显示一条线：input bug with box-shadow
为我解决的问题是将 position:relative 添加到具有 box-shadow 属性 的元素。
使用 position: relative 对我不起作用。但是，此解决方案确实适用于此错误：
Add 0.1px to the shadow's blur
box-shadow: Xpx Ypx 0.1px Spx #yourcolor;