Skip to content

ios 渐变色问题 #22

Description

@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()中的前三个参数,设置成背景色的颜色值即可。

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions