Проблема z-Index с jqGrid и Wijmo WijMenu

Я пытаюсь использовать элемент управления Wijmo WijMenu на основе jQuery с jqGrid для создания динамической панели инструментов сетки.

введите здесь описание изображения

Отображение меню работает нормально. Однако у моего menuitem1 есть подменю, и это подменю отстает от jqGrid, когда я наводил курсор на «menuitem1».

Я пытался установить z-Index в меню и отдельных пунктах меню, но безуспешно. Такое поведение происходит в IE9, Chrome, FF и Safari. Это работает, когда я включаю режим совместимости с IE9, что заставляет меня думать, что это может иметь какое-то отношение к z-индексу... но я не уверен. Я чувствую, что упускаю что-то очевидное.

Я создал jsFiddle, чтобы продемонстрировать свою проблему.

Может ли кто-нибудь помочь мне вывести подменю перед jqGrid?

Заранее спасибо за любую помощь/совет.


jquery z-index jqgrid wijmo
person David Hoerster    schedule 21.07.2011    source источник

Ответы (2)


arrow_upward
2
arrow_downward

Это не проблема z-индекса. .ui-jqgrid .ui-userdata имеет переполнение: скрыто на нем. Попробуйте сделать его overflow: visible.

Хотя я не уверен, что при этом возникнут проблемы с сеткой.

person JEBR0    schedule 21.07.2011

arrow_upward
1
arrow_downward

Измените свой 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 Это скрывало ваше меню.

person brenjt    schedule 21.07.2011
comment
+1 Спасибо за предложение. Я отмечаю JEBR0 как ответ, так как он был введен первым. Спасибо. - person David Hoerster; 21.07.2011