javascript - 如何获得这种网页效果

小弹出窗口出现在原始页面的中间。
如果没有弹出窗口，则原始页面将被灰色阴影覆盖。
原始页面下方仍可以上下滚动。

最佳答案

按着这些次序：

1）创建此CSS规则：

.overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0.5;
  background: #666;
  filter: alpha(opacity=50); /* opacity for IE browsers */
}

2）将此代码添加到您的jQuery：

$("body").prepend("<div class='overlay'></div>");

3）完成后，将其删除，如下所示：

$(".overlay").remove();

没测试过，但是应该可以工作（也许做了很小的修改）。如果您喜欢自己做，这是一种方法。但是，您可以使用现有的解决方案，例如Twitter的Bootstrap lib，它很酷，我建议您这样做。

http://twitter.github.com/bootstrap/

问候。

关于javascript - 如何获得这种网页效果，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14225026/