javascript - 如何让 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 属性设置为低于模式的属性。例如:

#myModal {
    z-index: 100;
}

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

供您引用，spin.js 文档位于此处:http://fgnass.github.io/spin.js/