我的应用程序中的侧边栏如下
<div class="wrapper">
<div class="sidebar-wrapper">
<ul class="sidebar-nav">
<li>
<a uib-tooltip='Home' tooltip-placement="right" href="/home"
data-icon="j" class="icon" ></a>
</li>
</ul>
</div>
<div class="page-content-wrapper"></div>
</div>
css如下
.sidebar-wrapper{
position:fixed;
}
sidebar-nav{
position:absolute;
}
.wrapper{
position: relative;
}
.page-content-wrapper{
position: relative;
}
当我使用 angular bootstrap 工具提示时,当我尝试以下设置时,它似乎隐藏在 sidebar-wrapper 下
.tooltip{
@extend .tooltip;
z-index: 1000 !important;
}
似乎还是不行。
注意:当我使用 placement as bottom 时,工具提示出现在下方,但是 placement right 有这个问题。
最佳答案
感谢@svarog,它救了我
通过添加这个 html 属性,一切都非常棒!
tooltip-append-to-body="true"
<span class="fa fa-refresh btn-refresh" ng-click="restoreUserPreferences(subtable)" uib-tooltip="{{'restore.user.preferences' | translate }}" tooltip-append-to-body="true">
关于javascript - Angular ui bootstrap 工具提示隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40712062/