我有一个模态窗口,其中包含以下内容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;
}
or
#Account {
z-index: 1151,!important;
}
但它们都不起作用。
你能建议我应该如何设置 CSS 以使此工具提示显示在模式顶部吗?
尝试在 !important 之前不加逗号:
.tooltip{
z-index: 1151 !important;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)