javascript - Bootstrap tooltip showing behind modal window -
i have modal window consists div
:
<div class="input-group"> <div class="input-group-addon" title="insert here 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>
as can see, there tooltip on label.
it's initalized code:
$('#account').tooltip({ container: 'body' });
the code working, tooltip showing behind modal. tried setting z-index
of tooltip this:
.tooltip { z-index: 1151,!important; }
or
#account { z-index: 1151,!important; }
but none of them worked.
can suggest how should set css make tooltip show on top of modal?
try without comma before !important:
.tooltip{ z-index: 1151 !important; }
Comments
Post a Comment