z-index的问题与jqGrid的和Wijmo WijMenu(z-Index Issue wit

我想使用的jqGrid与基于jQuery的Wijmo WijMenu控制，以创建一个动态网格工具栏。

获取菜单出现工作正常。 然而，我menuitem1有一个子菜单，此子菜单落在后面的jqGrid当我将鼠标悬停在“menuitem1”。

我已经试过了菜单和各个菜单项上设置的z-index，但没有运气。 这种现象发生在IE9，Chrome浏览器，FF和Safari。 当我打开兼容模式与IE9，这让我觉得它可能有一些做的z-index的，它工作...但我不知道。 我觉得我失去了一些东西明显。

我创建了一个的jsfiddle来证明我的问题。

谁能帮我把子菜单落在jqGrid的前面？

预先感谢您的任何帮助/咨询。

Answer 1:

这不是一个z-index的问题。 该的.ui-的jqGrid的.ui-用户数据有溢出：隐藏就可以了。 尽量使其溢出：可见。

虽然我不知道这样做时，它会造成对电网的问题。

Answer 2:

改变从你的CSS

.ui-jqgrid .ui-userdata {
    border-left: 0px none;
    border-right: 0px none;
    height: 21px;
    overflow: hidden;
}

.ui-jqgrid .ui-userdata {
    border-left: 0px none;
    border-right: 0px none;
    height: 21px;
}

卸下overflow:hidden它隐藏在你的菜单。

文章来源: z-Index Issue with jqGrid and Wijmo WijMenu