-webkit-線性漸變不工作的鉻

我有下面的CSS mozilla firefox-webkit-線性漸變不工作的鉻

background: transparent -moz-linear-gradient(center top , #FED066, #FDB73D) repeat scroll 0% 0%;

但是，當我說下面樣式chrome，opera和IE，他們沒有工作似乎。下面有什麼問題，因爲它僅適用於FF而不適用於其他瀏覽器？

background: transparent -webkit-linear-gradient(center top , #FED066, #FDB73D) repeat scroll 0% 0%; 
background: transparent -o-linear-gradient(center top , #FED066, #FDB73D) repeat scroll 0% 0%; 
background: transparent -linear-gradient(center top , #FED066, #FDB73D) repeat scroll 0% 0%; 
background: transparent -ms-linear-gradient(center top , #FED066, #FDB73D) repeat scroll 0% 0%;

我也試圖與剛剛-webkit-gradient，而不是-webkit-linear-gradient鉻ATLEAST，但沒有運氣。

這是一個DEMO。如果您在FF中查看，則它適用於gradient background，但不適用於其他瀏覽器。

來源

2016-03-02 Guruprasad Rao

隨着時間的推移，線性漸變的語法發生了很大變化，不同的瀏覽器（不同版本）可能會解釋不同的版本，但會忽略其他版本。那裏有發電機，會自動爲你生成必要的代碼，包括供應商前綴，所以我建議你去尋找其中的一個。 – CBroe

較新的瀏覽器不使用供應商前綴來使用該功能。您只需要使用標準聲明：

center top在Chrome瀏覽器中不起作用。

試試這個：

background: linear-gradient(to bottom, #FED066 0%, #FDB73D 100%);

我總是用gradient-generator工具來設置梯度跨瀏覽器實現。

來源

2016-03-02 10:52:54

仍然沒有運氣.. :(** ['DEMO']（https://jsfiddle.net/Guruprasad_Rao/10jkk4vz/4/）** –

是的..這工程..謝謝.. :) –

是的。這真的很有用..再次感謝.. :) –

-webkit-線性漸變不工作的鉻

回答

相關問題