h5代码
<div class="tanchukuang"> </div>
<div class="zhedang"></div>
css样式
.tanchukuang{
display:none;
width: 300px;
padding: 20px;
background: yellowgreen;
margin: 20px auto 0;
}
.zhedang{
display:none;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
opacity: .6;
z-index: 1;
background: #000;
}
javascript代码
//显示弹出框及遮挡
$('.tanchukuang').show();
$('.zhedang').show();
隐藏弹出框及遮挡
$('.tangchukuang').hide();
$('.zhedang').hide();