这是一个难题。以下渐变在Safari中无法正确显示（在Firefox和Chrome中有效）：
background: linear-gradient(transparent 124px, #de6230);
我也尝试过：
background: linear-gradient(rgba(255,0,0,0) 124px, #de6230);
在Safari上对其进行测试，您将看到问题：jsFiddle。
我该如何解决？
最佳答案
尝试：
背景：linear-gradient（rgba（255,255,255,0）124px，＃de6230）;
编辑：对不起，OP，尽管它是正确的颜色，但看起来仍与渐变色不同，灰色中间只是变成了白色中间。我发现的解决方案是：
background: linear-gradient(rgba(222,98,48,0) 124px, #de6230);
222,98,48是＃de6230的rgb值，因此应该可以使用。它从0％alpha的颜色过渡到100％alpha的颜色。
关于css - 具有透明度的CSS3渐变无法在Safari中正确显示，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42352142/