z-index属性因引导程序而被标记为无效

Question

我有以下标记和CSS在我的应用程序中没有使用bootstrap时工作正常。当我将bootstrap与我的应用程序链接时，我的“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-index未在像素中定义。尝试将其更改为：

z-index: 1100;