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