Javascript 阴影背景，并在弹出时使其不可拾取

当一个按钮被点击时，我会创建一个DIV并使其像一个弹出窗口，但是我希望这个框周围的背景被“阴影”覆盖，并且不可能点击那里的链接和输入字段

---

如何使用javascript实现这一点？

直接在

中创建

并给它一个

id

。在

标记中，为其提供以下样式属性（如果需要，可以添加更多）：

---

按照您认为合适的方式提高其z索引（不过，请确保弹出窗口具有更高的z索引）。还可以通过更改

rgba（）

对象的第四个值（范围从1（不透明）到0（透明），来调整其颜色的不透明度。如果它没有占据整个页面，请确保

和

标记没有样式属性赋予它们

边距

s、

填充

或

边框

s。

它被称为模态，使用jQuery这样的js框架更容易实现。很简单：

$（'basicModalContent'）.modal（）检查此链接的模式弹出窗口：
position: fixed;
z-index: 3;
width: 100%;
height: 100%;
background-color: rgba(0,0,0.5);