中心加載覆蓋div

我有以下結構，#tabs div是一個靜態定位div。我想在ajax請求期間顯示加載內部div，並使其以#tabs div（實際上是一個jquery選項卡）爲中心。但是它並沒有集中於我現在擁有的CSS。中心加載覆蓋div

<div class="span-18 last" id="top_tab_container"> 
    <div id="loading"> 
    <div id="loading_inner"> 
     Loading... 
    </div> 
    </div> 
    <div class="normal-pad ui-widget-content ui-tabs ui-widget ui-corner-all" id="tabs"> 
    <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all"> 
     <li class="ui-state-default ui-corner-top ui-tabs-selected ui-state-active"><a href="#tabs-1">Most Voted</a></li> 
     <li class="ui-state-default ui-corner-top"><a href="#tabs2" title="tabs2"><span>Near You xxxx</span></a></li> 
     <li class="ui-state-default ui-corner-top"><a href="#tabs3" title="tabs3"><span>You are Tracking</span></a></li> 
     <li class="ui-state-default ui-corner-top"><a href="#tabs4" title="tabs4"><span>Most Tracked</span></a></li> 
    </ul> 
    <div id="tabs-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom"> 

    </div><div id="tabs2" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide"></div> 

     <div id="tabs-2"> 
     </div> 
     <div id="tabs3" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide"> 
     <div id="tracked_posts"></div> 
     </div> 

    <div id="tabs4" class="ui-tabs-panel ui-widget-content ui-corner-bottom ui-tabs-hide"> 
     <div id="most_tracked_"></div> 
    </div> 
    </div> 
</div> 

#loading_inner { 
    background:transparent url(/images/loading_big.gif) no-repeat scroll center center; 
    font-size:16px; 
    font-style:normal; 
    font-variant:normal; 
    font-weight:normal; 
    height:100px; 
    left:50%; 
    line-height:normal; 
    margin-left:-50px; 
    margin-top:-50px; 
    overflow:auto; 
    padding:10px; 
    position:fixed; 
    text-align:center; 
    top:50%; 
    width:100px; 
    z-index:2; 
}

來源

2010-08-06 badnaam

如果有任何其他風格正在混淆，請使用螢火蟲進行檢查。並看看是否刪除滾動或把它放在最後改變任何東西 – naugtur 2010-08-06 08:28:04

更改位置：固定;定位：絕對; 並添加：#top_tab_container {position：relative; }

是你的意思嗎？

來源

2010-08-06 12:27:28 no1cobla

這在其他情況下，但在這裏發生的事情是，jQuery的標籤是通過ajax加載和選項卡divs自動填充。因此，第一次點擊標籤（例如tabs-2）時，加載div未正確對齊，因爲標籤-2可能還不存在。一旦tab-2被加載，下次點擊時加載確實顯示正確。有什麼想法嗎？ – badnaam 2010-08-06 18:28:33

嗯..如果你可以改變加載div的位置，我會爲這些標籤製作一個容器。然後將加載div作爲容器的子元素並使用相同的絕對位置。這樣標籤可以被自動加載，並且容器應該從一開始就集中加載div。 – no1cobla 2010-08-09 15:41:33

中心加載覆蓋div

回答

相關問題