html - 为什么即使尝试了-webkit-linear-gradient，我的重复线性渐变在 Safari 中也不起作用？它在 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;

}

标签： htmlcsssafarilinear-gradients

Answer 1

您使用但为;rgb传递参数 rgba您将背景大小设置为 1px，因此它很小。

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