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

posted @ 2017-09-19 22:16  N神3  阅读(151)  评论(0编辑  收藏  举报