jqGrid和Wijmo WijMenu的z索引问题 [英] z-Index Issue with jqGrid and Wijmo WijMenu

问题描述

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

I am trying to use the jQuery-based Wijmo WijMenu control with jqGrid in order to create a dynamic grid toolbar.

使菜单显示正常.但是，我的menuitem1有一个子菜单，当我将鼠标悬停在'menuitem1'上时，该子菜单位于jqGrid后面.

Getting the menu to appear works fine. However, my menuitem1 has a submenu, and this submenu falls behind the jqGrid when I hover over 'menuitem1'.

我尝试在菜单和单个菜单项上设置z-Index，但是没有运气.在IE9，Chrome，FF和Safari上会发生这种现象.当我打开IE9兼容模式时，它确实起作用，这使我认为它可能与z-index有关...但是我不确定.我觉得我缺少明显的东西.

I've tried setting the z-Index on the menu and the individual menu items, but with no luck. This behavior happens on IE9, Chrome, FF and Safari. It does work when I turn compatibility mode on with IE9, which makes me think it may have something to do with the z-index...but I'm not sure. I feel like I'm missing something obvious.

我创建了 jsFiddle 来演示我的问题.

I created a jsFiddle to demonstrate my issue.

有人可以帮我把子菜单放在jqGrid的前面吗?

Can anyone help me get the submenu to fall in front of the jqGrid?

在此先感谢您的帮助/建议.

Thank you in advance for any help/advice.

推荐答案

这不是z-index问题. .ui-jqgrid .ui-userdata已溢出:隐藏在它上面.尝试使其溢出:可见.

It's not a z-index issue. The .ui-jqgrid .ui-userdata has overflow:hidden on it. Try making it overflow: visible.

尽管我不确定这样做是否会在网格上引起问题.

Although I'm not sure if it will cause problems on the grid when doing this.

这篇关于jqGrid和Wijmo WijMenu的z索引问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！