jquery - 什么可能导致 iPhone 上的 Chrome 和 Safari 出现这种水平线静态故障？

Question

有时，在我的 iPhone 7 和 iOS 12.2 上的 Chrome 或 Safari 中查看此特定网页时，我会看到此图像https://imgur.com/a/dLIeJED中的渲染故障。我无法在桌面浏览器或我的 ipad 以及 iOS 12.2 上复制它。我已经在其他 iPhone 上看到了同样的问题。

我试过研究这个问题，但没有找到任何记录的地方。根据我读到的一些听起来相似的问题的回复，我尝试使用 transform: translate3d(0,0,0); 在 CSS 中“强制硬件加速”，但这并没有阻止故障。

这是一个间歇性问题。它不会在每次页面加载时发生，除了不断刷新页面直到我看到它之外，似乎没有任何可靠的步骤来复制这个问题。

你们有没有人见过这种类型的渲染故障，你怎么称呼它？是什么原因造成的？

更新：我正在使用 CSS 属性过滤器： drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.1)); 将阴影应用于父 div 的所有元素。当我删除这个似乎已经清除故障的属性时。

标签： jqueryhtmlcssiphonevisual-glitch