我的一个项目需要显示一个很长的图像(高宽比非常高,即 1920x7500)作为背景图像。背景图像也应该在 y 轴上重复。
但是,我注意到只有 Android Chrome 在将这个长图像渲染为背景图像时存在问题repeat-y
。当我设置background-repeat: no-repeat;
背景图像时显示。
这在 Android Firefox 和桌面 Chrome 中不会发生。
我可以用其他方法满足要求,但想知道这是否是 Android Chrome 中的错误。
最小复制链接(背景图不起作用):
https://jsfiddle.net/9vpdrazs/4/show
使用background-repeat: no-repeat;
规则(背景图像工作):
https://jsfiddle.net/9vpdrazs/7/show
最小复制,但图像高度 < 1000 像素(背景图像有效):