父元素：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
css遮罩层
原文地址：http://www.cnblogs.com/chenweichu/p/7554582.html