ブートストラップのためにz-indexプロパティが無効とマークされました

Question

私のアプリケーションでブートストラップが使用されていない場合、以下のマークアップとCSSがうまく動作します。私のアプリケーションとブートストラップをリンクするとき、私の "ddlSelect"クラスのz-indexプロパティはハイパーリンクには適用されません。

.divcols { 
 
    color: #333 !important; 
 
    display: inline-block !important; 
 
    width: 100%; 
 
    padding: 2px; 
 
} 
 
.ddlSelect { 
 
    background: url(../Images/Classic/Icons/dropdwn-img.png) no-repeat 0 0; 
 
    width: 15px; 
 
    height: 16px; 
 
    margin-top: 3px; 
 
    position: relative; 
 
    z-index: 1100px !important; 
 
    left: -7px; 
 
    right: -17px; 
 
    top: 3px; 
 
    margin: 0 -2px 0 -15px; 
 
}

<div class="divcols"> 
 
    <label for="txtDocPersonID">Doctor</label> 
 
    <input class="ui-autocomplete-input valid" id="txtDocPersonID" name="txtDocPersonID" type="text" value="" autocomplete="off"> 
 
    <a tabindex="-1" title="Show All Items" class="ddlSelect"></a> 
 
</div>

Answer 1

z屈折率は、ピクセルで定義されていません。それを次のように変更してみてください：

z-index: 1100;