滚动时Chrome 51上出现奇怪的Box-shadow错误 [英] Strange Box-shadow bug on Chrome 51 while scrolling

问题描述

因此，在创建网站时，我在Chrome 51上发现了一个奇怪的 box-shadow 错误，但我的网站有一个固定的标头，其中包含 box-shadow ，当我向上或向下滚动时，阴影阴影会留下一些标记（水平灰线）：

So while making a website I discovered a strange box-shadow bug on Chrome 51, my website has a fixed header with a box-shadow, and when I scroll up or down the box-shadow leaves some marks (horizontal gray lines) :

我也无法在jsfiddle上重现此错误（小提琴的链接）和其他浏览器（例如Firefox或Internet Explorer）。

Also I can't reproduce this bug on a jsfiddle (link of the fiddle) and on other browsers like Firefox or Internet Explorer.

这是一个错误吗？可能是什么问题？

Is it a bug? What could be the problem?

更新1

似乎有效Chrome 49

It seems to work on Chrome 49

推荐答案

我遇到了此错误。
我不知道是什么原因造成的，但是这是解决它的简单方法：

I encountered this bug. I don't know what causes this but here's a simple way to fix it:

为阴影的模糊添加0.1px

Add 0.1px to the shadow's blur

box-shadow: 0 2px 0.1px #yourcolor;

线条应以这种方式消失，并且模糊效果并不明显。

The lines should disappear that way and the blur isn't really visible.

这篇关于滚动时Chrome 51上出现奇怪的Box-shadow错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！