css遮罩层

父元素：position:fixed;

让子元素居中对齐：position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;

<style>
.loading{width:100%;height:100%;position:fixed;top:0;left:0;z-index:100;background:#fff;}
.loading .pic {width:50px;height:50px;background:url(images/loading.gif);position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
</style>


<div class="loading">
  <div class="pic"></div>
</div>

 

在线css兼容性处理地址：autoprefixer.github.io