2016-03-23 101 views
0

我使用这个angular-loading-bar来显示一个微调,当用户不得不等待,但我对它的位置有很大的麻烦,它几乎不可见。角加载栏的位置和背景

我有模块

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

这些CONFIGS,然后在那里我想让它显示

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

这是工作,我把这个,在HTML,但它仍然不是很明显,是否有可能使它像一个模式,或弹出?

我使用ui.bootstrap并有一些模式,所以当用户在一个模式下作出承诺时,微调器在它下面(在主体元素上,其中'loading-bar-container'div),所以在这种情况下它根本不可见,是否有可能使它“弹出”?

回答

0

我会说这个问题是关于你的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

+0

我将尝试和做一个小提琴,Z指数没有什么区别,仍然低于模态 – klskl

+0

好吧,提供一些小提琴的例子,我们可以调查更多.... –