角度加载条放置和背景答案

【问题标题】：angular-loading-bar placement and backdrop角度加载条放置和背景
【发布时间】：2016-03-23 17:29:09
【问题描述】：

当用户必须等待时，我正在使用这个angular-loading-bar 来显示一个微调器，但是我在放置它时遇到了很大的麻烦，它几乎看不到。

我在模块上有这些配置

.config(['cfpLoadingBarProvider', function(cfpLoadingBarProvider) {
    cfpLoadingBarProvider.includeBar = false;
    cfpLoadingBarProvider.parentSelector = '#loading-bar-container';
    cfpLoadingBarProvider.spinnerTemplate = '<div><span class="fa fa-spinner"></div>';
}]);

然后我把它放在我希望它显示的 html 中

<div id="loading-bar-container"></div>

这是可行的，但它仍然不是很明显，是否可以让它像一个模态或弹出窗口一样？

我正在使用ui.bootstrap 并且有一些模态框，所以当用户在模态框内做出承诺时，微调器在它下面（在主体元素上，'loading-bar-container' div 所在的位置），所以在这个如果它根本不可见，是否可以让它“弹出”？

【问题讨论】：

标签： javascript angularjs twitter-bootstrap

【解决方案1】：

我会说这个问题是关于你的 div 的定位，这不是 angular-loading-bar 的问题。

尝试使用 z-index 并使您的 div 始终位于顶部（在模态框上方）。

没有更多的代码或小提琴，很难说更多......

编辑： 以下是一些可以帮助您的老问题：

How can I set an element over Twitter's Bootstrap modal?

Exposing element outside modal-backdrop in CSS Bootstrap jquery modal

【讨论】：

我会试着做一个小提琴，z-index没有区别，仍然低于模态