透明渐变在Safari中不起作用

Question

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%);

尝试：

rgba(255,255,255,0.001)
transparent
-webkit-linear-gradient

Answer 1

此问题已知并在以下链接中得到最佳解释：

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

最终我相信你需要一个解决方案，直到他们在未来的版本中提出修复。

最好的祝愿