Css 指南针径向梯度在IE&；中出现错误；火狐

我正在尝试使用compass创建一个径向渐变，它在chrome中渲染得很好，但当我在firefox或IE中查看时，渐变会向下挤压成一个圆形，而不是细长的椭圆

这就是我试过的

  @mixin radial-shadow-horizontal-rule(){
     height: 5px;
     @include background-image(radial-gradient(50% 0%, 50% -5px, rgba(150,150,150,0.4) 0%, white 100%));
  }

  .radial-gradient{
     @include  radial-shadow-horizontal-rule();
  }

HTML

---

任何帮助都会非常可爱。

您好，我会用它来创建您的径向渐变，因为这通常适用于所有浏览器

请发布你的html。最好把这个问题处理一下。

<div class="radial-gradient"></div>