径向渐变不工作在Firefox [英] radial-gradient not working in firefox
本文介绍了径向渐变不工作在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 with example
推荐答案
我认为这是Mozilla的bug。它不支持定义大小的径向渐变。
I think it's Mozilla bug. It doesn't support defined size radial gradient.
这篇关于径向渐变不工作在Firefox的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文