当一个选项卡打开时，jqueryblockUI消息移动到手风琴内部的顶部

Question

我有很多涉及小部件显示的网页（主要构建在highcharts jquery上）。通常，小部件在获取数据之前显示一个加载旋转，这个旋转出现在屏幕/小部件的中心。在一个页面上，我有一个手风琴，上面有几个选项卡（选项卡1默认打开，在数据加载到它之前，旋转位于中心）。单击选项卡1上的按钮可打开手风琴的选项卡2。在选项卡2上显示数据之前，旋转接头出现在选项卡2。这里的问题是，当我点击选项卡1按钮时，选项卡2打开（向上滑动），旋转显示在该分区的顶部（向上移动）。我需要把它放在中间。

用于此应用程序和所有其他应用程序的css是集中的。所以，互联网上提到的答案不能被纳入其中。

点击按钮等事件的jquery代码是在一个单独的js文件中编写的。我尝试在导出按钮上附加mouseout/mouseleve事件，然后检查鼠标是否悬停在我的子菜单上。如果不是，则关闭子菜单。这在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>**

下划线的attalign（顶部：0px）导致了问题。我检查了我的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是在div（要隐藏）开始展开的初始时刻加载的。此时，默认情况下，它位于中心。但是，由于手风琴选项卡2打开，div高度开始增加，块div仍然位于顶部。。。。非常感谢您的帮助。TIA。

Answer 1

您可以定位：固定；用于您的代码，而不是绝对