2016-03-23 66 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

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