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

【问题标题】：Why does this jQuery color picker fail within a Bootstrap modal?为什么这个 jQuery 颜色选择器在 Bootstrap 模式中失败？
【发布时间】：2013-11-22 19:16:13
【问题描述】：

我正在使用来自 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 模式中使用这个颜色选择器？

谢谢

【问题讨论】：

标签： javascript jquery css twitter-bootstrap-3

【解决方案1】：

问题是 z-index 只需在你的 css 类中添加这一行就可以了..

.colpick {
  z-index: 9999;
}

Jsfiddle DEMO

【讨论】：