为什么即使在尝试 -webkit-linear-gradient 之后，我的重复线性渐变在 Safari 中不起作用？它在Chrome中完美运行

Question

请参阅此代码笔。即使是代码笔代码也不能在Safari中工作，但可以在Chrome中工作。

https://codepen.io/srbsingh3/pen/bGpgQoY

div {
height: 400px;
margin-left: 200px;
background: repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.15) 0 3px, transparent 3px 8px) 0/1px no-repeat,
linear-gradient(to bottom, #74ddb1 0 19px, transparent 19px 133px, #74ddb1 133px 152px, transparent 152px 100%) 0/1px no-repeat;
}

Answer 1

您使用rgb，但为rgba传递参数；你将背景大小设置为1px，这样它就很小了。

指定rgba并使用位置和大小使您笔中的背景在iOS上的Safari中可见。