问题标签 [repeating-linear-gradient]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - CSS重复线性渐变不显示小于4px的行
在 Firefox/Safari 中面临这个奇怪的问题。
小于 4px 的线性渐变条纹不可见。请看截图和代码：
这是代码：
这不会渲染任何东西，除非“+ 1px”切换到+4px。我试过直接写像素数，以及 rem 单位，但结果是一样的。相同的代码（没有 -moz 前缀，在 chrome 上运行良好）。
通过调试，我发现幻数是 4px。低于此的任何内容都不会呈现。
关于可能导致问题的任何想法？
css - 如何使用重复渐变代替线性渐变
我在这里有这个线性梯度代码。https://jsfiddle.net/0qfy3ks2/
我将如何让它使用重复渐变？
所以图像是一样的，只是使用了重复的渐变。
background-image: repeating-linear-gradient
重复渐变不使用 background-size，因为它会破坏重复模式。
css - repeating-linear-gradient 停止在移动 Chrome 和 Brave 上的高高度容器上重复
在 Android 设备（可能也是 iOS）上的 Mobile Chrome 和 Mobile Brave 上注意到以下行为：
如示例所示，我有这个高度为 39000 像素的 div。在滚动大约 2/3 的滚动高度后的某个时刻，您会注意到白色条纹停止重复，并且从那里您只会得到黑色纯色。
看起来像一个移动铬 CSS 渲染错误。桌面浏览器可以正常显示。
任何解决方法？