css - 径向渐变在 Firefox 中不起作用

Question

这在 Firefox 22 中不起作用:

background-image: -moz-radial-gradient(48% -42%, 138px 138px, green 0%, lightblue 100%);

但它在 Chrome 中有效:

background-image: -webkit-radial-gradient(48% -42%, 138px 138px, green 0%, lightblue 100%);

这是 Firefox 遇到问题的第二个参数。如果改为

background-image: -moz-radial-gradient(center, ellipse cover, #008000 0%, #add8e6 100%); /* FF3.6+ */

它在 FF 中有效，但这并不是我真正想要的效果!

jsbin with example

Answer 1

我认为这是 Mozilla 的错误。它不支持定义大小的径向渐变。

SEE