径向渐变在Firefox中不起作用

时间:2013-08-05 13:51:19

标签: css3 firefox radial-gradients

这在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

1 个答案:

答案 0 :(得分:2)

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

SEE

相关问题