阴影背景，并在出现弹出窗口时使其无法点击

Question

当单击一个按钮时，我将创建一个DIV，并使它像弹出窗口一样，但是我希望此框周围的背景被“阴影化”，并且无法单击其中的链接和输入字段。

如何使用javascript做到这一点？

Answer 1

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

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

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

阴影背景，并在出现弹出窗口时使其无法点击

问题描述

1 个解决方案

解决方案1
0 已采纳 2012-01-11 04:42:27

阴影背景，并在出现弹出窗口时使其无法点击

问题描述

1 个解决方案

解决方案1 0 已采纳 2012-01-11 04:42:27

解决方案1
0 已采纳 2012-01-11 04:42:27