阴影背景，并使其在弹出时不可点击

Shadow background and make it unclickeble when pop-up occurs

本文关键字：背景 阴影      更新时间：2023-09-26

当点击按钮时，我会创建一个div，并使其看起来像一个弹出窗口，但我希望这个框周围的背景是"阴影"的，并且不可能点击那里的链接和输入字段。

如何使用javascript实现这一点？

直接在<body>内部创建一个<div>并赋予它id。在<style>标签中，为其提供以下样式属性（如果需要，可以添加更多）：

position: fixed;
z-index: 3;
width: 100%;
height: 100%;
background-color: rgba(0,0,0.5);

根据需要提高其z索引（不过，请确保弹出窗口具有更高的z索引）。也可以通过更改rgba()对象的第4个值来调整其颜色的不透明度，该值的范围从1（不透明）到0（透明）。如果它没有占据整个页面，请确保<body>和<html>标记没有赋予它们margin s、padding或border s的样式属性。

相关文章：