2016-06-21 8 views
0

nicht anzeigen Heute erstelle ich Combobox-Like haben jederzeit. Und ich weiß nicht, dass ich nicht alles zeigen kann, um zu wählen.Kann Combobox in Tabelle

Sie können wie folgt aussehen:

alle Artikel in ComboBox hinter dem Tisch versteckt zu sein scheinen.

HTML-Code:

<div class="btn-group open"> 
    <button type="button" class="multiselect dropdown-toggle btn btn-white btn-primary" 
      data-toggle="dropdown" title="None selected" aria-expanded="true">None selected 
      <b class="fa fa-caret-down"></b> 
    </button> 
    <ul class="multiselect-container dropdown-menu"> 
     <li><label class="checkbox">Checkbox</label></li> 
     <li><label class="checkbox"> 
      <input type="checkbox" class="ace" value="0"><span class="lbl"></span> STT</label></a> 
     </li> 
    </ul> 
</div> 

CSS-Code:

.btn-group { 
    position: relative; 
    display: inline-block; 
    vertical-align: middle; 
} 

.multiselect-container { 
    position: absolute; 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
} 

.multiselect-container>li { 
    padding: 0; 
} 

li { 
    display: list-item; 
} 

.dropdown-menu { 
    position: absolute; 
    top: 100%; 
    left: 0; 
    z-index: 1000; 
    display: none; 
    float: left; 
    padding: 5px 0; 
    margin: 2px 0 0; 
} 

Wie alle Artikel von ComboBox in meinem Fall zeigen? Vielen Dank.

Antwort

1

Überprüfen Sie die Z-Index-Eigenschaft der betreffenden Elemente. Elemente, die im Vordergrund angezeigt werden sollen, sollten eine größere Z-Index-Eigenschaft haben als Elemente, die dahinter liegen sollen.