Css 径向梯度带状问题

我使用css生成器来创建

background: radial-gradient(ellipse at center, rgba(49,35,174,1) 0%, rgba(125,72,195,1) 50%, rgba(125,72,195,1) 50%, rgba(201,109,215,1) 100%);

---

它显示不正确。渐变渲染为两种颜色的条纹。有没有办法解决这个问题？

您使用的是什么浏览器？这在Safari中形成了紫色的径向渐变，应该适用于所有现代浏览器。这正是我想要的，而且它在Chrome中的显示不是那样的。你用Chrome打开小提琴了吗？因为它在Chrome48中对我来说显示正确。你有旧版本吗？您的css可能还有其他问题。这个元素还定义了什么css？是的，我也在Chrome48中打开了它。当你在chrome中打开JSFIDLE链接时，它看起来像预期的那样吗？