2014-09-05 49 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

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

相关问题