Question

我正在使用此 here来显示一个微调器，当用户必须等待时，但我在放置它时遇到很大麻烦，它几乎看不到。

我在模块上有这些配置

.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>

这是有效的，但它仍然不是很明显，是否有可能使它像模态或弹出窗口一样？

我正在使用angular-loading-bar并且有一些模态，所以当用户在模态中做出一个承诺时，微调器在它下面（在主体元素上，其中＆＃39; loading-bar-container＆＃39; div是），所以在这种情况下它根本不可见，是否有可能使它“弹出”？

Answer 1

我会说这个问题是关于div的定位，这不是角度加载条的问题。

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

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

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

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

Exposing element outside modal-backdrop in CSS Bootstrap jquery modal

角度加载杆放置和背景

1 个答案: