2011-04-30 49 views

回答

2

嘗試使用Safari的:

background: -webkit-gradient(radial, <point>, <radius>, <point>, <radius>[, <stop>]*) <color>; 

實施例和更多的解釋可以在這裏找到:http://www.the-art-of-web.com/css/radial-gradients/

+0

不知道如何創建完全相同的漸變。你能把我的版本轉換成精確的值嗎? – coure2011 2011-04-30 12:18:09

+0

有許多漸變(也就是適應盒子大小的漸變),可以使用舊語法無法完成的新語法即可完成。在舊的語法中沒有確切的類比來「覆蓋」。 – 2011-05-02 00:48:04

4

它甚至不在Chrome正確地工作,因爲它顯示了一個圓形梯度,而不是橢圓形一。它在Webkit的夜晚中正常工作。

它在Safari中不起作用的原因是語法尚未傳播到Safari的穩定版本。最終它會。你需要學習耐心我的年輕padawan :)

現在,你可以使用-webkit-gradient,但總是包括-webkit-radial-gradient後面的等效。雖然我們在此,但別忘了其他前綴(-o--moz-,-ms-