在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

最佳答案

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

SEE

关于css - 径向渐变在Firefox中不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/18059878/

10-09 14:23