Bootstrap 一段css代码,是什么意思?
这段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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
z-index只是确保在所有页面元素显示,全屏应该看loading-container 对象宽高,宽高自适应的,你浏览器窗口大小改变,loading-container宽高也会该的
引用来自“蔡熙伟”的评论
loading-container loading-progress 应该是Bootstrap加载进度条样式
css而已, 这么多不懂, 看是看下基础知识吧
css都看不懂就别研究了