jqGridとWijmo WijMenuのz-インデックス問題

Question

動的グリッドツールバーを作成するために、jqGridにjQueryベースのWijmo WijMenuコントロールを使用しようとしています。

細かい作品を表示するメニューを取得します。しかし、私のmenuitem1にはサブメニューがあり、このサブメニューは 'menuitem1'にカーソルを合わせるとjqGridの背後に落ちます。

私は、メニューと個々のメニュー項目にz-Indexを設定しようとしましたが、運がありません。この現象はIE9、Chrome、FF、Safariで発生します。互換性モードをIE9でオンにするとうまくいきます。これによって、z-indexと何か関係があるかもしれないと思うようになりますが、わかりません。私は何かが明らかに欠けているように感じる。

問題を示すためにjsFiddleを作成しました。

サブメニューがjqGridの前に落ちるのを助けることができる人はいますか？

ご協力いただきありがとうございます。

Answer 1

これはZインデックスの問題ではありません。 .ui-jqgrid .ui-userdataにはオーバーフローがあります：それは隠されています。オーバーフローさせるようにしてください：可視です。

これを行う際にグリッドに問題が発生するかどうかはわかりませんが、

Answer 2

それはあなたのメニューを隠した overflow:hiddenを削除

.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を変更し

。