html - テーブルヘッダーにグラデーションの背景を設定するには?

Question

編集：申し訳ありません！どうやら私はばかだ。色が似すぎているだけです。長い一日笑。

いくつかのテーブル ヘッダーでグラデーションの背景を取得しようとしています。

http://jsfiddle.net/g2fy4/

なぜそれが機能しないのか理解できない前に、グラデーションにまったく同じコードを使用しました:-/

#content.postagepage table th.columnwidthbig {
color:#fff;
background-color: #3d9520;
background-image: -webkit-linear-gradient(top, #589D3D, #3d9520);
background-image: -moz-linear-gradient(top, #589D3D, #3d9520);
background-image: -o-linear-gradient(top, #589D3D, #3d9520);
background-image: -ms-linear-gradient(top, #589D3D, #3d9520);
background-image: linear-gradient(top, #589D3D, #3d9520);
text-shadow: 1px 1px 5px #000;
}

Answer 1

実際、FF ではこれは機能していますが、#589D3D と #3d9520 の 2 つの色は非常に似ているため、一見しただけではグラデーションが認識できません。

に色を変更し、background-image: -moz-linear-gradient(top, blue, yellow);より明確になりました。

Answer 2

私は変更を行いました.Fiddleリンクを使用して編集したcssは次のとおりです。css ファイルに次の変更を加えました。

#content.postagepage table th.columnwidthbig {
color:#fff;
background-color: #3d9520;
background: rgb(230, 16,21);
background: -moz-linear-gradient(90deg, rgb(230, 16,21) 30%, rgb(81, 4, 7) 70%);
background: -webkit-linear-gradient(90deg, rgb(230, 16,21) 30%, rgb(81, 4, 7) 70%);
background: -o-linear-gradient(90deg, rgb(230, 16,21) 30%, rgb(81, 4, 7) 70%);
background: -ms-linear-gradient(90deg, rgb(230, 16,21) 30%, rgb(81, 4, 7) 70%);
background: linear-gradient(180deg, rgb(230, 16,21) 30%, rgb(81, 4, 7) 70%);
text-shadow: 1px 1px 5px #000;
}