为什么我的重复线性梯度在Safari中不起作用，即使在尝试-webkit-线性梯度？它在Chrome上运行完美

Question

请参阅此代码。即使是codepen代码在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中可见。