Question

我创建了一个angularjs指令，当您单击文本框并显示日历时，该指令会弹出一个div。我不相信这是一个角度问题，但更多的是一个引导问题。我在日历文本框下有控件，我希望日历div显示在这些控件上。我把它的z-index设置为一个很高的数字，但是我注意到它下面的控件上面有任何“col- *”，它们总是显示在顶部。有什么方法可以让我的日历div始终显示在顶部吗？

https://plnkr.co/edit/CmFXd40oeuztl4qHIZQO?p=preview

    <hol-calendar style="z-index: 9999;" returned-day="Monday" on-change="vm.dateChange(dt)" initial-date="vm.myDate"></hol-calendar>

    <div class="row" style="z-index: 0">
      <label class="">Monday:</label>
      <input style="z-index: 0;" class="col-md-2 input-sm" type="time" placeholder="HH:mm" ng-required="false" />
      <label class="col-md-1 text-primary control-label" > until </label>
      <input class="col-md-2 input-sm" type="time" placeholder="HH:mm" ng-required="false" />
      <input class="col-md-1" type="checkbox" name="ClosedMonday" data-element-name="Monday" />
      <div class="col-md-1"></div>
    </div>
  </body>

bootstrap列类和z-index

0 个答案: