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

Question

我试图在button点击时有一个微调动画。当没有 Bootstrap Modal Open 时，这在页面上工作正常。但是当 Bootstrap Modal 打开时，Spinner 隐藏在 Bootstrap Modal 后面我试过这个期望 Spinner 高于 Modal Bootstrap

Answer 1

你必须给z-indexLoading Spinner 一个比 Modal更大的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-索引：9999；