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 这两种颜色非常相似，乍一看渐变并不能真正识别。

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