css - CSS3 Firefox がライナーのグラデーション カラーを認識しない

Question

CSSでこのコードを使用して線形グラデーションの背景を表示しようとしていますが、Firefoxが表示しない理由がわかりません..

body
{
height: 100%;
/*background-color: #F0F0F0;*/
background-repeat: repeat-x;

/* Safari 4-5, Chrome 1-9 */
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C0C0C0), to(#F0F0F0));

/* Safari 5.1, Chrome 10+ */
background: -webkit-linear-gradient(top, #C0C0C0, #F0F0F0);

/* Firefox 3.6+ */
background: -moz-gradient(top, #C0C0C0, #F0F0F0);

/* IE 10 */
background: -ms-linear-gradient(top, #C0C0C0, #F0F0F0);

/* Opera 11.10+ */
background: -o-linear-gradient(top, #C0C0C0, #F0F0F0);
}

私の問題が何であるかわかりません..上、下、％を変更するさまざまな方法を試しましたが、まだ機能していません..助けていただければ幸いです..

Answer 1

1. background-repeatグラデーションは、適用される要素の y 軸と x 軸全体を塗りつぶすため、グラデーションのプロパティは必要ありません(背景がパターンである場合を除きます。その場合、コードの他の部分を変更する必要がある場合があります)。

2. -moz-gradientは正しくありません。-moz-linear-gradient

Answer 2

-moz にリニアがありません

background: -moz-linear-gradient(top, #C0C0C0, #F0F0F0);