單獨的背景圖像和WebKit的梯度成兩個單獨的CSS聲明

Question

目前，我有下面的類：

#btnHelp 
{ 
background: url(images/btnHelp.png) center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#9adc6d), to(#6eba3a)); 
} 

我想在背景圖像部分從梯度部分離成2個獨立的類，像這樣：

#btnHelp 
{ 
background-image: url(images/btnHelp.png); 
background-position:center; 
background-repeat:no-repeat; 
} 

.green 
{ 
background: -webkit-gradient(linear, left top, left bottom, from(#9adc6d), to(#6eba3a)); 
} 

但是一個覆蓋另一個，而不是將兩者結合。

Answer 1

你不行。按照webkit blog post：

您可以在以下地方使用漸變：

background-image 
border-image 
list-style-image 
content property 

其中，唯一一個給你的是背景圖片時非常有用。你可以很明顯的分開位置和重複部分。