css - Firefoxでは有効Chromeでは無効ですか？背景画像：線形グラデーション（下へ、rgb（53、53、53）、rgb（34、34、34））;

Question

background-image: linear-gradient(to bottom, rgb(53, 53, 53), rgb(34, 34, 34));

このCSSプロパティがChromeでは無効であるのにFirefoxでは有効なのはなぜですか？そして、それを両方のブラウザで有効にする方法についての提案はありますか？

Answer 1

Chromeは別のコードを使用して、これを背景のグラデーションにレンダリングします。

ここにコードの例があります

Answer 2

ブラウザ固有のベンダープレフィックスを使用する必要があります。

私は通常、すべてのブラウザーのコードを提供するジェネレーターを使用します。

http://www.colorzilla.com/gradient-editor/

Answer 3

WebKitは仕様の構文に一致するように更新されたため、ブラウザーを最大限にサポートするには、次のようなsmthが必要です。

background: -webkit-gradient(linear, center top, center bottom, from(#917c4d), to(#ffffff));
background: -webkit-linear-gradient(#917c4d, #ffffff);
background: -moz-linear-gradient(#917c4d, #ffffff);
background: -o-linear-gradient(#917c4d, #ffffff);
background: -ms-linear-gradient(#917c4d, #ffffff);
background: linear-gradient(#917c4d, #ffffff);