Bootstrap 一段css代码,是什么意思?

发布于 2021-11-26 03:07:17 字数 1067 浏览 861 评论 4


这段css是从一个跟Bootstrap有关的css文件中提取的,它是什么意思?


.loading-container{z-index:2000;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.55)}
.loading-container.loading-inactive{display:none}
.loading-container.loading-inactive 
.loading-progress{display:none}
.loading-container 
.loading-progress{z-index:2000;position:fixed;height:10px;width:10px;margin:auto;top:0;left:0;right:0;bottom:0}
.loading-container .loading-progress 
.rotator{-webkit-animation:spin 30s infinite linear;-moz-animation:spin 30s infinite linear;-o-animation:spin 30s infinite linear;animation:spin 30s infinite linear}
.loading-container 
.loading-progress>
.rotator{left:-100px}
.loading-container 
.rotator{-webkit-background-origin:border-box;-moz-background-origin:border-box;background-origin:border-box;background-color:#fff;width:200px;height:7px;opacity:.75;position:absolute;top:0;left:0}
.loading-container .colored{background-color:#2dc3e8!important}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

奢望 2021-12-01 09:57:06

z-index只是确保在所有页面元素显示,全屏应该看loading-container 对象宽高,宽高自适应的,你浏览器窗口大小改变,loading-container宽高也会该的

情绪失控 2021-12-01 09:30:29

引用来自“蔡熙伟”的评论

loading-container loading-progress 应该是Bootstrap加载进度条样式

兮颜 2021-12-01 09:28:27

css而已, 这么多不懂, 看是看下基础知识吧 

贱贱哒 2021-12-01 07:48:28

css都看不懂就别研究了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文