透明渐变在 Safari 中不起作用

Ang*_*uis 5 css safari webkit

Chrome/Firefox(最新版本):

在此输入图像描述

Safari(最新版本):

在此输入图像描述

代码:

background: linear-gradient(180deg, rgba(255,128,0,1) 0%, rgba(255,128,0,.6) 50%, rgba(255,255,255,0) 100%);
Run Code Online (Sandbox Code Playgroud)

尝试过:

rgba(255,255,255,0.001)
transparent
-webkit-linear-gradient
Run Code Online (Sandbox Code Playgroud)

Tar*_*eed 3

这个问题是已知的,并且在下面的链接中得到了最好的解释:

https://css-tricks.com/thing-know-gradients-transparent-black/

以下是 github 上针对同一问题的一些相关链接:

https://github.com/jakubpawlowicz/clean-css/issues/315

https://github.com/Compass/compass/issues/2010

最终我相信您需要解决这个问题,直到他们在未来的版本中提出修复方案。

最好的祝愿