0

在 Android 设备（可能也是 iOS）上的 Mobile Chrome 和 Mobile Brave 上注意到以下行为：

如示例所示，我有这个高度为 39000 像素的 div。在滚动大约 2/3 的滚动高度后的某个时刻，您会注意到白色条纹停止重复，并且从那里您只会得到黑色纯色。

看起来像一个移动铬 CSS 渲染错误。桌面浏览器可以正常显示。

任何解决方法？

 .repeating-gradient {
    background-image:
      repeating-linear-gradient(
        #000,
        #000 10px,
        rgba(255, 255, 255, 0.8) 10px,
        rgba(255, 255, 255, 0.8) 20px
      );
    background-repeat: repeat-y;
  }
<div class="repeating-gradient" style="height: 39000px;">
</div>

4

0 回答 0