ios 渐变色问题

[JslinSir]

问题出现

ios 渐变色 会出现黑色
如下代码：

  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), 1%, #f6f6f6);

解决

  background-image: linear-gradient(180deg, rgba(246, 246, 246, 0), 1%, #f6f6f6);

产生原因

Safari在渐变中对颜色的处理是同时渐变rgba()中的每一个参数，因此该例子中实际上是在渐变从黑色到颜色，从全透明到不透明。因此，中间出现了灰色。

解决方法

将rgba()中的前三个参数，设置成背景色的颜色值即可。