Почему не работает фоновая заливка для нескольких фотографий?

Question

[Steppp]

Столкнулся с проблемкой, почему не работает заливка? Тоесть для одной фотографии все нормально, а с несколькими уже проблемка)
И посоветуйте как лучше залить. А еще лучше линейным градиентом. (надо эффект свечения по бокам сделать - это ерунда, главное залить)
Идея такая что на псевдо эл повесить заливку! Хз как лучше.
Верстаю давно, а с таким столкнулся в первые)

Answer 1

[Юрий]

Само собой не работает, вы же сначала задаёте один background, с градиентом, а следом переопределяете его. Сделайте всё через запятую в одном свойстве:

background: url(http://placehold.it/350x50) 0 0 no-repeat,
      url(http://placehold.it/350x50) center 70px no-repeat,
      url(http://placehold.it/350x50) 100% 140px no-repeat,
      linear-gradient(to left, #ffffff, #00ff00, #ffffff);

Comments

[Steppp]

Спасибо, помогло) Я и не знал что так можно, linear-gradient тоже через запятую работает)
Я пытался так сделать

background: 
     #ffffff url(http://placehold.it/350x50) 0 0 no-repeat,
     #ffffff url(http://placehold.it/350x50) center 70px no-repeat,
     #ffffff url(http://placehold.it/350x50) 100% 140px no-repeat,