如何在悸动/加载过程中隐藏背景

Question

我在我的页面中使用了ajax throbber。

悸动工作正常。但是，我想在悸动过程中隐藏背景。

以下是我正在寻找的示例？？

https://drupal.org/files/ajax-block-working.pnghttps://drupal.org/files/sexy-throbber.png

Answer 1

你应该有一个带有以下 css 代码的div：

.overlay{background:rgba(0,0,0,0.5);
position:fixed;
z-index:99999;
top:0;
left:0;
}

然后在 HTML 中写道：

<div class="overlay" id="ovly"> </div>

最后在脚本中写道：

//when your ajax is start loading
$("#ovly").show();

请记住，在您的 CSS 中，除了加载 img 属性外，不应有任何超过 99999 的 z 索引