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

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -