当点击一个按钮时,我创建一个DIV并使其像弹出窗口一样,但我希望这个框周围的背景被“遮蔽”,并且无法点击那里的链接和输入字段。 / p>
你怎么能用javascript做到这一点?
答案 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>
标记没有样式属性,为其提供margin
,padding
或{{1 }}第