我有以下html结构:
<div id="content">
<!-- data -->
<div id="popup"></div>
<!-- data -->
</div>
我在页面加载时显示我的弹出窗口,但同时我想禁用背景区域。我的弹出框出现在 z-index 上,此时休息背景区域应该是不可访问的。
我怎样才能做到这一点?
我正在使用这种 CSS 样式:
#popup {
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
background: none repeat scroll 0 0 rgb(36, 35, 35);
border: 5px solid rgb(5, 5, 5);
border-radius: 3px 3px 3px 3px;
color: #333333;
font-size: 14px;
left: 50%;
margin-left: -402px;
position: fixed;
top: 250px;
height: 150px;
width: 600px;
z-index: 2;
padding: 50px;
}