Absolute Eltern überlappt absolute Kind Div mit Z-Index: 1000

Question

Ich habe Haupt Eltern div .objects-wrap, die absolut positioniert ist und in denen ich eine table haben.

Jetzt, da die Spalten zu erhöhen, kommt die horizontale Bildlauf in der Unterseite zum übergeordneten div .objects-wrap.

Jetzt ist das Problem in meinem letzten td gibt es bootstrap Dropdown-Menü, die wegen der horizontalen Bildlaufleiste ausgeblendet wird, auch wenn es ein z-index:1000 auf Dropdown-Menü angewendet wird.

Die horizontale Bildlaufleiste überlappt das Dropdown-Menü Was muss ich tun

Click here to see the JSfiddle for your reference

das Dropdown-Menü über die Scrollbar zu zeigen, ich hoffe, dass dies das Szenario und Dank im Voraus :) erklärt

Answer 1

Sie können die Eigenschaft overflow-y hier entfernen:

.objects-wrap { 
    position: absolute; 
    overflow: scroll; 
    width: 100%; 
} 

See it here

Es wird eine vertikale Bildlaufleiste hinzugefügt, wenn Sie auf den richtigen Link klicken, ist es in Ordnung?

EDIT

Oder Sie können eine min-height-Eigenschaft auf es like this

.objects-wrap { 
    position: absolute; 
    overflow: scroll; 
    overflow-y: hidden; 
    width: 100%; 
    min-height: 300px; 
} 

EDIT 2

Wenn Sie will nicht die vertikale Bildlaufleiste haben, können Sie Ändern Sie die overflow-y Eigenschaft zu visible.

Sie haben jedoch die vertikale Bildlaufleiste, wenn Sie auf den rechten Link klicken.

Like this