将background-image和webkit-gradient分成两个独立的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

你做不到。根据{{​​3}}：

您可以在以下位置使用渐变：

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

其中，唯一对你有用的是背景图像。你可以明显地将位置和重复部分分开。