为什么这个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