弹框遮罩层

<!--背景隐藏层-->
 <div class="back_con" style="display: none"></div>
<!--end背景隐藏层-->
<!--样式-->
.back_con{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9997;
    background: #000;
    opacity: 0.5;
    filter:alpha(opacity=50);---IE6-8使用
    -moz-opacity:0.5;-----firefox3.5以前使用
    -khtml-opacity: 0.5;    ---Safari1.2以前使用
}

<!--弹出层-->
 <div class="cityPopBox" style="display:none;"></div>
<!--end弹出层-->
.cityPopBox{
    overflow-y:auto;
    position: fixed;
    height:400px;
    widht:600px;
    z-index: 10000;
    top:50%;
    left:50%;
    margin-top:-200px;
    margin-left:-300px
}