2013-06-02 73 views
0

編輯:對不起!似乎我是一個偶像。它正在工作,只是顏色太相似了。漫長的一天大聲笑。如何在表格標題上設置漸變背景?

我試圖讓一些表頭漸變背景:

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

回答

1

其實,在FF這工作,但兩種顏色#589D3D,#3d9520是非常相似的,在乍看之下的斜率是不是真的辨認。

我改變了顏色,background-image: -moz-linear-gradient(top, blue, yellow);,它變得更加明顯。

+0

哇。抱歉浪費你的時間。漫長的一天大聲笑 – Chris

0

我也做了改變,這裏是您與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; 
}