[英]angular ui bootstrap tooltip hidden
The sidebar in my application is as follows 我的申请中的侧边栏如下
<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>
The css is as follows css如下
.sidebar-wrapper{
position:fixed;
}
sidebar-nav{
position:absolute;
}
.wrapper{
position: relative;
}
.page-content-wrapper{
position: relative;
}
When I use angular bootstrap tool-tip it seems to be hidden under the the sidebar-wrapper when I set tried the following 当我使用角度引导工具提示时,当我设置尝试以下时,它似乎隐藏在侧边栏包装器下面
.tooltip{
@extend .tooltip;
z-index: 1000 !important;
}
it still does not seem to work. 它似乎仍然无法正常工作。
Note: when I use placement as bottom the tool tip appears below but placement right has this issue. 注意:当我使用展示位置作为底部时,工具提示显示在下方,但展示位置右侧有此问题。
thanks to @svarog it saved me 感谢@svarog它救了我
by adding this html attribute everthing works like a charm! 通过添加这个html属性,everthing就像一个魅力!
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">
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.