我有一個涉及小部件顯示(主要建立在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。