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

CSS如下

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

我是否可以通过jQuery设置诸如0％或7％之类的百分比？

最佳答案

首先，您不应再使用-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

关于javascript - jQuery设置重复线性渐变的百分比，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37935506/