я естьdiv элемент с текстом и фоновым изображением, которое устанавливается через свойство CSSbackground-image, Можно ли затемнить фоновое изображение через jQuery?

div {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(http://upload.wikimedia.org/wikipedia/commons/8/84/Konqi_svg.svg);
  border: 1px solid #666;
  height: 10em;
}

<div>Text</div>

РЕДАКТИРОВАТЬ

Я сделалиграть на скрипке пример моего сценария. В основном это настраивает начальныйbackground-image иtransitionи изменяетbackground-image с помощью jQuery. В моем тестировании нет анимированного перехода между двумя изображениями.

EDIT2

Мой пересмотренныйиграть на скрипке работает!