Comboboxをテーブルに表示できません

Question

今日、私はいつでもComboboxのようなものを作成します。そして、私は選択するすべてのアイテムを表示することができないことはわかりません。あなたがのように見えることができます

：

は、テーブルの後ろに隠れコンボボックス内のすべての項目を見えます。

HTMLコード：

<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コード：私の場合には、コンボボックスのすべての項目を表示する方法

.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; 
} 

？ありがとう。

Answer 1

関連する要素のz-indexプロパティを確認してください。先頭に表示したい要素は、背後にある要素よりも大きなz-indexプロパティを持つ必要があります。