javascript - 为什么这个 jQuery 颜色选择器在 Bootstrap 模式中失败？

Question

我正在使用来自http://colpick.com/plugin的优秀 jQuery 颜色选择器

它在“正常”情况下正常工作，但在 Bootstrap 3 模式中找到输入父元素时不显示选择器。

这有效：

<div class="container">
  <div class="row">
    <div class="col-md-6">
        <input type="text" id="colorPick1" class="colorPick"/>
    </div>
  </div>
</div>

但是 Bootstrap 模态中的相同内容无法显示选择器：

<div class="modal-body">
    <div class="row">
        <div class="col-md-6">
            <input type="text" id="colorPick2" class="colorPick"/>
        </div>
    </div>
</div>

有没有办法在 Bootstrap 模式中使用这个颜色选择器？

谢谢

Answer 1

问题z-index只是在你的css类中添加这一行它工作得很好..

.colpick {
  z-index: 9999;
}

Jsfiddle DEMO