径向渐变不工作在Firefox [英] radial-gradient not working in firefox

问题描述

这在Firefox 22中无效：

This does not work in Firefox 22:

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

但是它可以在Chrome中使用：

But it works in Chrome:

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

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

It's the second argument Firefox has a problem with. If changed to

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

它在FF中有效，但这不是真的'm after！

it works in FF, but that was not really the effect I'm after!

带示例的jsbin

jsbin with example

推荐答案

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

I think it's Mozilla bug. It doesn't support defined size radial gradient.

查看

这篇关于径向渐变不工作在Firefox的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！