指南针径向渐变在IE＆amp;火狐

Question

我正在尝试使用指南针创建一个径向渐变，它在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

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

任何帮助都会很可爱。

Answer 1

您好我会使用http://www.colorzilla.com/gradient-editor/来创建径向渐变，因为这通常适用于所有浏览器。