透明渐变问题在Safari中的颜色背景

Question

我知道有多个other issues关于在Safari中使用transparent作为颜色值并需要使用rgba(255, 255, 255, 0)作为替代方法的问题，但它是不适合我。我使用渐变作为“显示更多”淡入淡出，它具有深灰色背景，并且渐变在Safari中仍然看起来不平滑：

在Chrome中：

演示：CodePen

:after渐变为background-image: linear-gradient(rgba(255,255,255,0) 0%, #2b2b2b 100%)，剖面背景颜色为#2b2b2b。我需要为渐变使用什么？

Answer 1

尝试从黑色（而不是白色）淡出到＃2b2b2b：

background-image: linear-gradient(rgba(0,0,0,0) 0%, #2b2b2b 100%)