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

时间:2012-01-11 03:52:54

标签: javascript dom

当点击一个按钮时,我创建一个DIV并使其像弹出窗口一样,但我希望这个框周围的背景被“遮蔽”,并且无法点击那里的链接和输入字段。 / p>

你怎么能用javascript做到这一点?

1 个答案:

答案 0 :(得分:0)

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

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

根据需要提高其z-index(确保弹出窗口具有更高的z-index)。您还可以通过更改rgba()对象的第4个值来调整其颜色的不透明度,范围从1(不透明)到0(透明)。如果它没有占据整个页面,请确保<body><html>标记没有样式属性,为其提供marginpadding或{{1 }}第