css - JQueryレイアウトペインでオーバーフロー/オーバーラップするCSSポップアップメニュー

Question

JQuery レイアウトを使用して、北、西、中央のペインのみを定義します。左側 (西ペイン) では、CSS ポップアップ メニューを作成しています。Web には豊富な CSS ポップアップ メニューがあるので、問題なく動作させることができます。私が直面している問題は、ポップアップ メニューが中央のペインに重なっていないことです。この動作は、私の JSfiddle exampleで確認できます。設定してみoverflow: visible; z-index: 10001;ましたが、何も解決しませんでした。次に何を試すことができますか？

Answer 1

このスタイルを追加してみてください

.ui-layout-west{
   z-index: 50;
   overflow: visible;
}

アップデート

.ui-layout-west{
   z-index: 50 !important;
   overflow: visible !important;
}