css - compass 径向渐变在 IE 和 Firefox 中看起来不对

Question

我正在尝试使用 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

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

任何帮助都会非常可爱。

Answer 1

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