Javascript 模式窗口后面显示的引导工具提示

我有一个模式窗口，其中包含以下

div

：

<div class="input-group">
    <div class="input-group-addon" title="Insert here your domain account name" data-toggle="tooltip" data-placement="left" id="Account">
        @Html.Label("Domain account name", new { @class = "control-label" })
    </div>
    <div class="a">
        @Html.TextBoxFor(model => model.Login, new { @class = "form-control" })
        @Html.ValidationMessageFor(model => model.Login)
    </div>
</div>

代码正在运行，但工具提示显示在模式后面。我试着像这样设置工具提示的

z-index

：

.tooltip {
    z-index: 1151,!important;
}

或

 #Account {
     z-index: 1151,!important;
 }

但没有一个成功

---

您能建议我如何设置CSS，使此工具提示显示在模式顶部吗？

请尝试之前不要使用逗号！重要：

.tooltip{
  z-index: 1151 !important;
}

这对我有用

.tooltip{
  z-index: 1 !important;
}

---

只要做一件事。检查模式弹出窗口的z索引并设置工具提示z索引+模式弹出窗口z索引的1

那就好像

.tooltip{
  z-index:( z-index of modal popup + 1 );
}

.tooltip{
  z-index:( z-index of modal popup + 1 );
}