CSS3具有線性漸變的多個背景在Google Chrome中給出錯誤

誰知道以下CSS語句有什麼問題？ Chrome（22）和Safari（在Windows上）會拋出錯誤「無效的屬性值」。CSS3具有線性漸變的多個背景在Google Chrome中給出錯誤

background-image: url("../img/radio_default.png"), -webkit-linear-gradient(to bottom, #fff 40%, #ececec);

2012-10-02 Ludder

這是因爲它沒有實現to bottom然而，你必須只使用top或bottom代替。

編輯：在評論中指出，top對應to bottom

-webkit-linear-gradient(top, #fff 40%, #ececec);

2012-10-02 20:42:16 ndm

'實際上bottom'相當於'top' ......奇怪的是。 – BoltClock

哎呀，我的錯，你說得對。該值指定從何處開始漸變，其中當前的W3C規範變體'to *'指定方向，感覺很奇怪，但這是使用尚未標準化的技術時發生的情況:) – ndm

看起來他們已經改變了原點方向也是如此，所以相同的角度值（度，弧度）也有不同的結果，至少在規範和瀏覽器之間。因此，我知道兩個重大更改的模塊：Flexbox和圖像值。謝天謝地，現在都是CR了！ – BoltClock

回答