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

但它不起作用......我也在尝试这个：

$li.css({'background': gradient});
$li.css('background', gradient);
$li.css('background-image', gradient);
$li[0].style.background = gradient;
$li[0].style.backgroundImage = gradient;

对接结果是一样的...任何想法？！

UPD。试试https://jsfiddle.net/kk77x3ru/

Answer 1

这是因为您;中有一个不必要的gradient字符。摆脱那个

gradient = 'repeating-linear-gradient(45deg, '+$li.css('background-color')+', '+$li.css('background-color')+' 3%, '+color+' 3%, '+color+' 6%)';

UPDATED FIDDLE

jQuery.css无法设置重复线性渐变

1 个答案: