2014-09-05 60 views
1

我有一個涉及小部件顯示(主要建立在highcharts jquery上)的網頁。一般來說,一個小部件在數據被提取之前顯示加載旋轉,並且該旋轉出現在該屏幕/小部件的中心。 在一頁上,我有一個帶有幾個選項卡的手風琴(標籤1默認打開,旋轉在數據加載之前居中)。點擊標籤1上的按鈕打開手風琴的標籤2。在數據顯示在標籤2之前,旋轉會出現在標籤2上。 問題在於當我點擊tab1按鈕時,標籤2打開(向上滑動)並且旋轉顯示在該div內的頂部。 (向上滑動)。我需要在中心顯示。jquery blockUI消息移動到頂部手風琴時,當一個標籤打開

用於這個和所有其他應用程序的CSS是集中的。所以在互聯網上提到的答案不能納入。

點擊按鈕等事件的jquery代碼寫在一箇中央和單獨的js文件。我試圖在導出按鈕上附加一個mouseout/mouseleave事件,然後檢查鼠標是否懸停在我的子菜單上。如果不是,請關閉子菜單。這在Chrome中正常工作,但不在IE中。

生成html的文本是

<div class="blockUI" style="display:none"></div> 
<div class="blockUI blockOverlay" style="z-index: 1000; border: none; margin: 0px; padding: 0px; width: 100%; height: 100%; top: 0px; left: 0px; position: absolute;"></div> 
**<div class="blockUI blockMsg blockElement" style="z-index: 1011; position: absolute; ***top: 0px***; left: 351.5px;"><img src="../../Apps/Images/loading.gif"></div>** 

下劃線的atttribute(頂部:0像素)導致該問題。我檢查了我的CSS。這並沒有設置在任何地方。

最後一個div的CSS是

element.style { 
    z-index: 1011; 
    position: absolute; 
    top: 0px; 
    left: 351.5px; 
} 
div.blockMsg { 
    padding: 0; 
    margin: 0; 
    width: 40%; 
    top: 40%; 
    left: 30%; 
    color: #FF0000; 
    cursor: wait; 
    text-align: center; 
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 14px; 
    line-height: 1em; 
} 
user agent stylesheetdiv { 
    display: block; 
} 

的blockdiv加載初始時刻股利(被隱藏)開始擴大。那時,它默認在中心。但隨後自手風琴標籤2開放以來,div高度開始增加,並且塊div仍然保持在頂部...... 任何幫助都非常感謝。 TIA。

回答

0

您可以定位:固定;用於代碼而不是絕對的