//置灰的背景层
<div class="theCurtain" style="">
</div>
.theCurtain {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
opacity: .5;
//某一个弹出层
<div class="boards" id="myBoard" style="display: none;">
<!-- .board 为单个容器 -->
<div class="board panel">
<div class="panel-heading">
<strong>订单路线</strong>
</div>
<div class="">
<div class="board-list">
<div id="allmap" style=" width: 498px; height: 500px;"></div>
</div>
</div>
</div>
</div>
#myBoard {
width: 500px;
margin: 0 auto;
position: relative;
z-index: 9999;
margin-top: -300px;
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-color: #ddd;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);