带Compass的径向渐变在firefox中指定大小

Question

我正在尝试使用指南针和径向渐变来做背景发光效果，它在chrome中工作得很好，因为我放入了渐变的大小，但在firefox中没有任何渲染。

我已经为使用chrome

的示例制作了一个codepen

http://codepen.io/anon/pen/LmkEu

我正在使用的是

@include background-image(
    radial-gradient(top center, 700px 300px, lighten(red, 20) 40%, red 80%)
    );

有没有办法让它在Firefox中运行？如果我用说圈子替换700px 300px然后它不是我想要的形状它是有效的。

Answer 1

我引用了此article，这是指向codepen

的链接

    @include background(radial-gradient(circle 700px 300px at top center , lighten(red, 20) 40%, red 80%) repeat scroll 0 0 transparent);