问题出现
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()中的前三个参数,设置成背景色的颜色值即可。
问题出现
ios 渐变色 会出现黑色
如下代码:
解决
产生原因
Safari在渐变中对颜色的处理是同时渐变rgba()中的每一个参数,因此该例子中实际上是在渐变从黑色到颜色,从全透明到不透明。因此,中间出现了灰色。
解决方法
将rgba()中的前三个参数,设置成背景色的颜色值即可。