這是工作在Chrome,但不是在Safari:爲什麼webkit徑向漸變在Safari中不起作用?
background: -webkit-radial-gradient(center, ellipse cover, #fdfdfd, #d3d3d3);
我怎樣才能解決它的Safari瀏覽器?
這是工作在Chrome,但不是在Safari:爲什麼webkit徑向漸變在Safari中不起作用?
background: -webkit-radial-gradient(center, ellipse cover, #fdfdfd, #d3d3d3);
我怎樣才能解決它的Safari瀏覽器?
嘗試使用Safari的:
background: -webkit-gradient(radial, <point>, <radius>, <point>, <radius>[, <stop>]*) <color>;
實施例和更多的解釋可以在這裏找到:http://www.the-art-of-web.com/css/radial-gradients/
不知道如何創建完全相同的漸變。你能把我的版本轉換成精確的值嗎? – coure2011 2011-04-30 12:18:09
有許多漸變(也就是適應盒子大小的漸變),可以使用舊語法無法完成的新語法即可完成。在舊的語法中沒有確切的類比來「覆蓋」。 – 2011-05-02 00:48:04
它甚至不在Chrome正確地工作,因爲它顯示了一個圓形梯度,而不是橢圓形一。它在Webkit的夜晚中正常工作。
它在Safari中不起作用的原因是語法尚未傳播到Safari的穩定版本。最終它會。你需要學習耐心我的年輕padawan :)
現在,你可以使用-webkit-gradient
,但總是包括-webkit-radial-gradient
後面的等效。雖然我們在此,但別忘了其他前綴(-o-
,-moz-
,-ms-
)
您使用的是哪個版本的Safari? – Arjan 2011-04-30 09:52:19