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

cups_book 发布于 2015/06/02 15:31
阅读 378
收藏 0

这段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}

加载中
0
蔡熙伟
蔡熙伟
loading-container loading-progress 应该是Bootstrap加载进度条样式
0
酷酷的就
酷酷的就
css而已, 这么多不懂, 看是看下基础知识吧 
0
cups_book
cups_book

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

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

感谢!

它是页面加载完成之前的‘进度’。

它是全屏的,是因为z-index的原因吗?

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