码迷,mamicode.com
首页 > Web开发 > 详细

css遮罩层

时间:2017-09-20 01:02:09      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:div   htm   auto   index   url   gif   hub   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

css遮罩层

标签:div   htm   auto   index   url   gif   hub   css兼容性   元素   

原文地址:http://www.cnblogs.com/chenweichu/p/7554582.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!