蒙版css技巧

<div class="chartDisplayLoad" style="display:show;"> <div class="chartDisplayLoadBg" ></div> <

        <div class="chartDisplayLoad"  style="display:show;">
        <div class="chartDisplayLoadBg" ></div>
        <div class="chartDisplayLoadContent" id="chartDisplayLoadContent">
        <div class="load progress progress-striped active" >
           <div class="progress-bar progress-bar-info" role="progressbar" 
              aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" 
              style="width: 100%;">
           </div>
        </div>  
        <div class="text-center">正在努力加载中…</div>
        </div>
        </div>

.chartDisplayLoadBg{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.3;z-index: 8001;}
.chartDisplayLoadContent{width:300px;position:fixed;left:50%;top:50%;margin-left:-150px;margin-top:-28px;z-index: 8002;} 

背景与内容position:fixed 这样随着滚动条滚动，相对位置就不变，内容依然居中