Question

css如下

-webkit-repeating-linear-gradient(90deg,#ededed 0%,#ededed 7%,white 7%,white 14%,#ededed 14%,#ededed 21%);

我是否有可能通过jQuery设置百分比，如0％或7％？

Answer 1

首先，您不应再使用-webkit-前缀。

其次，这与background属性一起使用，所以你应该这样做：

$('#MyId').css('background', 'repeating-linear-gradient(90deg,#ededed 0%,#ededed 7%,white 7%,white 14%,#ededed 14%,#ededed 21%)');

在这里，您可以看到它是一个可以插入变量的字符串。所以：

    var firstPercent = 0;
    var secondPercent = 7;
    $('#MyId').css('background', 'repeating-linear-gradient(90deg,#ededed ' + firstPercent  + '%,#ededed ' + secondPercent  + '%,white 7%,white 14%,#ededed 14%,#ededed 21%)');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id='MyId'>HERE IS MY GRADIENT</div>

W3Schools link for gradients

Answer 2

我不确定这个属性是否有效。但它应该是这样我们可以使用+连接。

var x=0;
var y=7%;
$('#Id').css('background', 'repeating-linear-gradient(90deg,#ededed '+x+'%,#ededed '+y+'%,white '+y+'%,white '+2y+'%,#ededed '+2y+'%,#ededed '+x3y+'%)');

jQuery设置重复线性渐变的百分比

2 个答案: