1

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

在此处输入图像描述

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

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

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

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

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

4

2 回答 2

2

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

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

于 2011-07-21T15:44:09.193 回答
1

更改您的 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它隐藏了您的菜单。

于 2011-07-21T15:49:00.380 回答