如何让 spin.js 落后于模态

Question

我有一个显示一些数字的模式，在背景中我有一些来自 spin.js 的纺车，这表明一些工作已经完成（见附图）。我希望模态位于顶部，而当前纺车位于模态顶部。我找不到 spin.js 的合适文档...有人知道它是否存在吗？这是我对 spin.js

的设置

        var opts = {
            lines: 9, // The number of lines to draw
            length: 10, // The length of each line
            width: 3, // The line thickness
            radius: 6, // The radius of the inner circle
            corners: 1, // Corner roundness (0..1)
            rotate: 58, // The rotation offset
            direction: 1, // 1: clockwise, -1: counterclockwise
            color: '#000000 ', // #rgb or #rrggbb or array of colors
            speed: 0.9, // Rounds per second
            trail: 100, // Afterglow percentage
            shadow: false, // Whether to render a shadow
            hwaccel: false, // Whether to use hardware acceleration
            className: 'spinner', // The CSS class to assign to the spinner
            zIndex: 2e9, // The z-index (defaults to 2000000000)
            top: '50%', // Top position relative to parent
            left: '50%' // Left position relative to parent
        };

我认为 zindex 可能是实现此功能的工具？知道我需要做什么吗？谢谢卡尔

Answer 1

您需要将微调器的 zIndex 属性设置为低于模态框的 zIndex 属性。例如：

#myModal {
    z-index: 100;
}

var opts = {
    zIndex: 50,
    // other options...
};

供您参考，spin.js 文档位于：http://fgnass.github.io/spin.js/

如何让 spin.js 落后于模态

How to get spin.js behind a modal

javascript

css

jquery

spin.js