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

css - Safari中彩色背景的透明渐变问题-LMLPHP

在Chrome中:

css - Safari中彩色背景的透明渐变问题-LMLPHP

演示:CodePen

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

最佳答案

尝试从黑色(而不是白色)渐变为#2b2b2b:

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

07-24 09:50
查看更多