Javascript 当登录表单弹出时，reddit如何使整个背景变黑？

当你点击reddit register按钮时，一个漂亮的窗口弹出，屏幕的其余部分变黑。您可以单击屏幕的其余部分关闭弹出窗口

---

我知道我可以用最外面的div来做这个，但reddit就是这样做的吗？他们是否也在动态更改外部div的属性？

他们使用类似的插件。

他们使用以下CSS属性创建div元素：

/* Makes div cover page */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;

/* Puts div over all other elements on page */
z-index: 1000;

/* Fills the div with a solid colour */
background-color: gray;

/* Makes div partially see-through */
opacity: 0.7;

然后，登录框的div将其z索引设置为1001，以便它显示在div覆盖的上方

---

Steve

这种技术被称为覆盖，实现起来非常简单：

#overlay {
    position: fixed;
    z-index:103;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background-color: gray;
    opacity: 0.7;
}

显示它的完整动作称为“一个动作”

---

不过，考虑到所有因素，要将浮动DIV与表单等一起使用，您需要使用已经为此制作的众多插件中的一个，例如或。

您应该尝试使用Firebug或IE Dev工具栏检查它。这些东西会确切地告诉你他们使用什么css来获得特定的效果。但是div似乎并没有覆盖整个文档，是吗？