前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >蒙版css技巧 原

蒙版css技巧 原

作者头像
tianyawhl
发布2019-04-04 16:37:03
5150
发布2019-04-04 16:37:03
举报
文章被收录于专栏:前端之攻略前端之攻略

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

(adsbygoogle = window.adsbygoogle || []).push({});

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016/08/01 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档