蒙版css技巧

最新推荐文章于 2024-07-18 17:41:41 发布

weixin_34362790

最新推荐文章于 2024-07-18 17:41:41 发布

阅读量141

点赞数

文章标签： python

原文链接：https://my.oschina.net/u/2612473/blog/724702

版权

2019独角兽企业重金招聘Python工程师标准>>>

   <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 这样随着滚动条滚动，相对位置就不变，内容依然居中

转载于:https://my.oschina.net/u/2612473/blog/724702