使用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>在页面加载时显示,或者在您想要显示页面时显示.