jquery - 使用 jQuery 覆盖进度条

Question

我想显示一个“覆盖”页面的进度条，在页面运行时禁用其他操作，有点像警报(除非您无法通过单击任何内容来退出它)。在 jQuery 中执行此操作的快速方法是什么？

我已经挑选出了图像——一个动画进度条。只需要一种方法来正确地覆盖它。

Answer 1

您可以轻松实现自己的叠加层。

#overlay {
  background-color: black;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  opacity: 0.2; /* also -moz-opacity, etc. */
  z-index: 10;
}

然后显示<div id="overlay"><img src="/path/to/your/image"/></div>当您的页面正在加载时，或者每当您想要显示它时。