GWT : MenuBar 子菜单位置/Z 索引

Posted 2023-02-16

【中文标题】GWT : MenuBar 子菜单位置/Z 索引

【英文标题】：GWT : MenuBar Submenu position / Z index

【发布时间】：2014-05-19 11:19:39

【问题描述】：

当我将鼠标悬停在菜单项时，我试图显示一个子菜单，但我的子菜单位于错误的位置并且它位于我的菜单下。

如何设置子菜单的位置或更改 Sumenu 的 z 索引（弹出）

【参考方案1】：

只要您的子菜单类扩展了 com.google.gwt.user.client.ui.UIObject 类，您就可以给它一个样式名称。 （所有小部件都这样做）。然后你可以在一个css文件中设置该样式的z-index：

Java：

MySubMenuClass submenu = new MySubMenuClass();
submenu.addStyleName("subMenuStyle");

CSS：

.subMenuStyle
  z-index: 50;  // or any other value > 0

或者，您可以在 java 中对 z-index 进行硬编码（不推荐，因为每次更改 z-index 的值，您都必须重新编译整个 GWT 应用程序，而不是简单地交换 CSS 文件并刷新）。子菜单类仍然需要扩展 UIObject 才能工作。

Java：

submenu.getElement().getStyle().setZIndex( 50 );