css - 将 background-image 和 webkit-gradient 分离到两个单独的 css 声明中

Question

目前，我有以下类(class):

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

我想将背景图像部分与渐变部分分离成两个单独的类，如下所示:

#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

其中，唯一对您有用的是background-image。不过，您显然可以将位置和重复部分分开。