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

Question

Refer to this codepen. Even the codepen code doesn't work in Safari but works in 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

You use rgb but pass parameters for rgba ; you set your background size to 1px so it's tiny.

Specifying rgba and playing with position and size makes backgrounds in your pen visible in Safari on iOS.