2017-10-18 167 views
1

我知道多个otherissues关于在Safari中使用transparent作为颜色值并需要使用rgba(255, 255, 255, 0)作为替代方法的问题,但它不适用于我。我使用的梯度为“显示更多”变脸,其中有一个暗灰色的背景,和梯度仍然没有在Safari看起来光滑:Safari中的颜色背景中的透明渐变问题

enter image description here

中和铬:

enter image description here

演示:CodePen

:after梯度是background-image: linear-gradient(rgba(255,255,255,0) 0%, #2b2b2b 100%)和区段的背景颜色是#2b2b2b。我需要为梯度使用什么?

回答

0

尝试从黑(而不是白色)衰落至#2b2b2b:

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