Разделите background-image и webkit-Gradient на две отдельные декларации CSS - PullRequest
Новая
       14

Разделите background-image и webkit-Gradient на две отдельные декларации CSS

1 голос
/ 12 августа 2010

В настоящее время у меня есть следующий класс: 

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

но один перезаписывает другой, а не объединяет их.

1 Ответ

2 голосов
/ 12 августа 2010

Вы не можете.Согласно сообщению в блоге webkit :

Вы можете использовать градиенты в следующих местах: 

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

Из которых единственным полезным для вас является фон-образ.Очевидно, что вы можете разделить разделы позиции и повторения.

...