オーバーフローのある親要素の外側にドロップダウンメニューが表示されます。

Question

非常に広い表があります。 これは、私がX軸とY軸の両方のテーブルにスクロールバーを持っている理由です。

overflow-x: auto; 
overflow-y: scroll; 

表の中のセルには、ドロップダウンメニューがあります。 これは完全に機能します。 しかし、行のドロップダウンメニューを遠くに開くと、ドロップダウンがテーブルの最後に隠れてしまい、それを見るためにスクロールする必要があります。 私はテーブルのCSSに

overflow: visible; 

を作ることによって、この表示を行うことができます。しかし、私はテーブルの上に私のスクロールバーを失います。 スクロールバーがあってもドロップダウンを表示する方法はありますか？

Answer 1

お試しくださいz-indexプロパティは、要素のスタック順序を指定します。大きなスタックオーダーを持つエレメントは、常にスタックオーダーの低いエレメントの前にあります。注：z-indexは、配置された要素（位置：絶対、位置：相対、または位置：固定）でのみ機能します。デフォルト値：auto。

Example