CSS3: несколько фонов. с цветами?

Question

, если я пытаюсь применить несколько фоновых изображений, отлично работает:

.selector{  
     background-image: url(image1.png), url(image2.pnng);
     background-position: 0 -50px, 0 -100px;
}

проблема возникает, когда я пытаюсь

.selector{  
     background-color: blue, red;
     background-position: 0 -50px, 0 -100px;
}

, который просто не будет применять цвет фона вообще..

Что мне здесь не хватает?

Answer 1

Вы не можете иметь более одного background-color.

Вы можете использовать изображения или CSS-градиент для достижения желаемого результата.

Предполагая, что желаемый результат - два цветавстречаясь посередине, посмотрите на этот для примера с градиентом.

Answer 2

Я не понимаю.

Вы пытаетесь установить цвет фона на два цвета. Как вы ожидаете, что это сработает? Несколько фоновых изображений имеют смысл, так как вы можете иметь прозрачные PNG. А цвета? Вы хотите поместить сплошной цвет поверх сплошного цвета (таким образом, по существу, перекрывая предыдущий цвет)? Цвет фона применяется ко всей области, поэтому вы не можете сместить его в пространстве.

Чтобы ответить на ваш вопрос, это просто невозможно сделать, если вы не думаете о градиентах.

Answer 3

Это не имеет особого смысла. background-color: применяется ко всему объекту. Вы пытаетесь установить цвет фона для изображений или чего-то еще, но цвет фона не работает таким образом!