私はExtJSのと剣道UIを組み合わせてるのExt JSパネル

から剣道メニューをレンダリング私はここに予約オフだこれを実現します0.1）はExt.form.Panel私はExtJSのと剣道UIを組み合わせてるのExt JSパネル

問題がホバーのドロップダウン項目は（）のみのExt JSパネルの境界内に描画されるということです。ドロップダウンアイテムをすべてのものの前に表示する方法がありますか（クラスの一部を変更しようとしましたz-order）？

2017-05-14 Black

これはz-indexの問題ではありません。親overflow: hidden号です。 overflow: hidden CSSプロパティを持つコンテナをrelatveしている場合は、常にそのように動作します。ここでは同様

.x-panel, 
.x-panel-body { 
    overflow: visible; 
}

：剣道メニューのためのシンプルなソリューションは、今目に見えるまで、すべてのメニューの相対両親のオーバーフローを設定することです http://jsfiddle.net/5e6Lgtaj/2/

をしかし、あなたは、あなたがそれらでスクロールバーとしてそれを使用したい場合は、その用心しなければなりません実際にオーバーフローを隠すと問題になります。

その他のオプションはbody要素にメニューを追加することだろうが、あなたは、より多くの問題に直面することになります：緩いスタイリングのように（それが重要なクラスとの最初のコンテナから移動させた原因）、JavaScriptの機能を正しい位置にそれを維持するとそれは価値があるより多くの問題になります。

これは、次のようになります。 http://jsfiddle.net/5e6Lgtaj/3/

2017-05-17 18:19:22

答えて