如何在表头上设置渐变背景？

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非常相似，乍看之下渐变并不是真正可识别的。

我将颜色更改为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;
}