我有一个模态窗口,其中包含这个 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>
正如您所看到的,标签上有一个工具提示。
它使用以下代码进行初始化:
$('#Account').tooltip({ container: 'body' });
代码能够运行,但是提示框显示在模态框后面。我尝试这样设置提示框的z-index
:
.tooltip {
z-index: 1151,!important;
}
或者
#Account {
z-index: 1151,!important;
}
但是它们都没有起作用。
你能建议我如何设置CSS,使得这个工具提示显示在模态框的上方吗?