html - 如何在表格标题上设置渐变背景?

标签 html css

编辑:抱歉!看来我是个白痴。它正在工作,只是颜色太相似了。漫长的一天哈哈。

我正在尝试在某些表格标题上设置渐变背景:

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;
}

最佳答案

实际上,在 FF 中这有效,但两种颜色#589D3D、#3d9520 非常相似,乍一看渐变无法真正识别。

我将颜色更改为 background-image: -moz-linear-gradient(top, blue, yellow); 它变得更加明显。

关于html - 如何在表格标题上设置渐变背景?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16888082/

相关文章:

javascript - 克隆 LI div,以便将其放置在原始 LI 之后而不是末尾

html - 如何在保持 DRY 的同时在多个 <td> 元素中应用 ng-if(或其他条件)

css - 修改颜色 棒棒哒

javascript - 打印友好版本不起作用

javascript - CSS3 补间和矩阵

HTML 在同一行显示两个 div

html - 如何在CSS中使图层不相互重叠

javascript - 如何在 JavaScript 中使用 createElement()?

jquery - 使用 rel 属性作为 anchor 链接

html - 当我调整大小时阻止浏览器插入一切