PopupPanel Glass z-index 1总是排在最前面?

时间:2014-01-31 01:16:24

标签: java javascript html css gwt

我想使用GWT PopupPanel向用户显示表单。出现错误时,应显示带有z-index 1000的AbsolutePanel,并显示错误消息。我的设置如下:

<g:PopupPanel glassEnabled="true" glassStyleName="{mystyle.glassStyle}">

</g:PopupPanel>

其中glassStyle是

.glassStyle {
   z-index: 1;
   background-color: rgba(255,255,255,0.85);
}

我的AbsolutePanel有z-index 10000.如果PopupPanel打开并且出现错误,则会显示AbsolutePanel,但由于它在PopupPanel的玻璃下,因此无法看到。由于AbsolutePanel的z-index高于玻璃的z-index,因此AbsolutePanel应该是可见的。不是这种情况。仅当我没有在glassStyle上设置z-index:1时,AbsolutePanel才可见。

如果在glassStyle上设置了z-index,我如何才能实现AbsolutePanel成为可见事件?

1 个答案:

答案 0 :(得分:0)

我使用与您描述的效果相同的效果,我根本不使用z-index设置。你只需要显示你的PopupPanel(例如'.center()'),它就会弹出在它之前附加的面板之上。

尝试删除所有z-index设置 - 包括AbsolutePanel和PopupPanel。