jqGrid 和 Wijmo WijMenu 的 z 索引问题

发布于 2024-11-25 05:51:28 字数 518 浏览 1 评论 0原文

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

在此处输入图像描述

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

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

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

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

预先感谢您的任何帮助/建议。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

那伤。 2024-12-02 05:51:28

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

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

回复收藏 0 原文

踏雪无痕 2024-12-02 05:51:28

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

Change your CSS from

.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;
}

Removing the overflow:hidden It was hiding your menu.

回复收藏 0 原文

~没有更多了~