蒙版css技巧

        <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 這樣隨着滾動條滾動，相對位置就不變，內容依然居中