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

Question

我在网页上使用了ajax throbber。

Throbber工作得很好。但是，我想在悸动过程中隐藏背景。

以下是我在寻找什么的例子？

https://drupal.org/files/ajax-block-working.png https://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中不应该有超过99999的任何z-index除了加载img属性