jqGrid 和 Wijmo WijMenu 的 z-Index 问题答案

【问题标题】：z-Index Issue with jqGrid and Wijmo WijMenujqGrid 和 Wijmo WijMenu 的 z-Index 问题
【发布时间】：2011-10-10 08:39:11
【问题描述】：

我正在尝试将基于 jQuery 的 Wijmo WijMenu 控件与 jqGrid 一起使用，以创建动态网格工具栏。

让菜单显示效果很好。但是，我的 menuitem1 有一个子菜单，当我将鼠标悬停在“menuitem1”上时，这个子菜单落在 jqGrid 后面。

我尝试在菜单和各个菜单项上设置 z-Index，但没有成功。这种行为发生在 IE9、Chrome、FF 和 Safari 上。当我用 IE9 打开兼容模式时它确实有效，这让我认为它可能与 z-index 有关......但我不确定。我觉得我错过了一些明显的东西。

我创建了一个jsFiddle 来展示我的问题。

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

提前感谢您的任何帮助/建议。

【问题讨论】：

标签： jquery jqgrid z-index wijmo

【解决方案1】：

这不是 z-index 问题。 .ui-jqgrid .ui-userdata 有溢出：隐藏在上面。尝试让它溢出：可见。

虽然我不确定这样做是否会导致网格出现问题。

【讨论】：

【解决方案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 它隐藏了您的菜单。

【讨论】：

+1 感谢您的建议。自从他首先输入以来，我将 JEBR0 标记为答案。谢谢。