séparée background-image et webkit-gradient en deux déclarations css séparées

Question

Actuellement, j'ai la classe suivante:

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

Je voudrais séparer la partie de l'image d'arrière-plan de la partie de gradient dans 2 classes séparées , comme ceci:

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

mais on écrase l'autre, plutôt que de combiner les deux.

Answer 1

Vous ne pouvez pas. Selon le webkit blog post:

Vous pouvez utiliser des dégradés dans les endroits suivants:

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

Dont, le seul qui est utile pour vous est background-image. Vous pouvez évidemment séparer les sections de position et de répétition.