2013-08-05 135 views
0

不工作這不會在Firefox 22的工作:徑向漸變在Firefox

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

+0

有你試過沒有'-moz-'前綴 - 你不應該需要使用前綴在Firefox梯度了。 – Spudley

回答

2

我認爲這是Mozilla的錯誤。它不支持定義大小的徑向漸變。

SEE