Не работает jQuery.css, в чём может быть проблема?

Question

[Артем Комаров]

Пытаюсь сделать у элемента повторяющийся градиент таким образом:

var $li = $('#marks').find('li[data-id=111222333]'),
    color = 'rgb(' + $li.css('background-color').match(/\d+/g).map(function (i) {
        return (+i > 100 ? ((+i + 33) > 255 ? i : +i + 33) : +i + 99);
    }).join(',') + ')',
    gradient = 'repeating-linear-gradient(45deg, '+$li.css('background-color')+', '+$li.css('background-color')+' 3%, '+color+' 3%, '+color+' 6%);';
$li.css({'background-image': gradient});

Но он не работает... Перепробовал по всякому и параметрами через запятую и просто background вместо background-image, не хочет никак...

Answer 1

[Артем Комаров]

Всё из-за невнимательности...

gradient = 'repeating-linear-gradient(45deg, '+$li.css('background-color')+', '+$li.css('background-color')+' 3%, '+color+' 3%, '+color+' 6%);';
// а должно быть
gradient = 'repeating-linear-gradient(45deg, '+$li.css('background-color')+', '+$li.css('background-color')+' 3%, '+color+' 3%, '+color+' 6%)';