如何在Bootstrap模式之上加载Spinner动画

Question

我想在button点击时有一个微调动画。 当没有Bootstrap模式打开时，这可以在页面中正常工作。 但是当Bootstrap Modal打开时，Spinner隐藏在Bootstrap Modal后面

我试过这个

期望Spinner高于Modal Bootstrap

Answer 1

你必须给一个更大z-index到加载微调，比模态的z-index 。

我们试试这个：

#loadingoverlay {
    position: fixed;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,0.6);
}

Answer 2

更改loadingoverlay 。 loadingoverlay必须在模态中。

例

还需要为javascript微调器提供setInterval。

Answer 3

提供z-index值。 那就是创造问题

z-index：9999;