Question

我没有涉及小部件显示的网页（主要建在highcharts jquery上）。通常，小部件在获取数据之前显示加载旋转，并且该旋转在该屏幕/小部件的中心出现。在一个页面上，我有一个带有几个标签的手风琴（默认情况下标签1打开，并且在数据加载之前旋转位于中心）。单击选项卡1上的按钮可打开手风琴的选项卡2。在tab2上显示数据之前，旋转标签出现在选项卡2上。这里的问题是我点击tab1按钮的时刻，标签2打开（向上滑动），旋转显示在该div内的顶部。（向上滑动）。我需要在中心显示它。

用于此和所有其他应用程序的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（顶部：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;
}

在div（要隐藏）开始扩展的初始时刻加载blockdiv。那时，默认情况下是中心。但随后手风琴标签2打开，div高度开始增加，块div仍然保持在顶部.... 任何帮助都非常感谢。 TIA。

Answer 1

你可以定位：固定;用于代码而不是绝对的

当打开选项卡时，jquery blockUI消息移动到手风琴顶部

1 个答案: