2011-07-21 81 views
1

我想使用基於jQuery的Wijmo WijMenu控件與jqGrid爲了創建一個動態網格工具欄。zq指數與jqGrid和Wijmo問題WijMenu

enter image description here

前往出現工作正常菜單。但是,我的menuitem1有一個子菜單,當我將鼠標懸停在「menuitem1」上時,此子菜單落在jqGrid後面。

我試過在菜單和單個菜單項上設置z-Index,但沒有運氣。這種行爲發生在IE9,Chrome,FF和Safari上。當我用IE9打開兼容模式時,它確實有效,這讓我認爲它可能與Z-index有關......但我不確定。我覺得我失去了一些明顯的東西。

我創建了一個jsFiddle來演示我的問題。

任何人都可以幫助我得到子菜單落在jqGrid?

非常感謝您的任何幫助/建議。

回答

2

這不是一個z-index問題。 .ui-jqgrid .ui-userdata溢出:隱藏在其上。嘗試使其溢出:可見。

儘管我不確定這樣做是否會在網格上造成問題。

+0

+1 - 這個伎倆!謝謝您的幫助!! –

1

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

更改CSS卸下overflow:hidden它隱藏在你的菜單。

+0

+1感謝您的建議。自從他進入首位後,我將JEBR0標記爲答案。謝謝。 –