Css 修复与其他浏览器相关的chrome颜色，反之亦然

我混合使用渐变在html页面上实现了一种特殊的背景效果：

// css, prefixed before use
background-image:
  radial-gradient(60% -5%, circle, rgba(75,230,195,0.6), transparent),
  radial-gradient(80% 80%, circle, rgba(255,255,0,0.9), transparent),
  radial-gradient(-5% 20%, circle, #f3774d, transparent);                 

在使用chrome开发时，我设法让它看起来完全符合我的要求，但当我在Safari和Firefox上检查设计时，颜色变了（一点也没有）

这些屏幕显示了我的意思（顶部是Chrome，底部是Safari/Firefox）：

有没有办法缓解这个问题？我想让渐变渲染相同的效果 在每个支持它们的浏览器上

我可以使用chrome特有的黑客吗？

---

我可以从css设置一个标志？

这是Firefox和Safari在处理

透明

关键字时的一个缺陷。他们将其视为与rgba（0,0,0,0）相同的颜色，例如，第二次运行的颜色

径向梯度（80%80%，圆形，rgba（255255,0,0.9），透明），

从黄色变为黑色。（当然，黑色在末端是完全透明的，但在渐变的一半，它更像是深灰色。）

因此，在本例中，您应该将

透明

更改为第一种颜色的透明版本

径向梯度（80%80%，圆形，rgba（255255,0,0.9），rgba（255255,0,0）），

我做了一个提琴，上面的矩形是透明的，下面的矩形是上面提到的rgba值，你可以看到，下面的矩形在所有浏览器中都有相同的颜色。

---

很高兴能帮上忙。很抱歉，我之前没有回答，但这个问题是我后来才发现的。