角度ui bootstrap工具提示隱藏

Question

我的申請中的側邊欄如下

<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;
  }

當我使用角度引導工具提示時，當我設置嘗試以下時，它似乎隱藏在側邊欄包裝器下面

.tooltip{
  @extend .tooltip;
  z-index: 1000 !important;
}

它似乎仍然無法正常工作。

注意：當我使用展示位置作為底部時，工具提示顯示在下方，但展示位置右側有此問題。

Answer 1

感謝@svarog它救了我

通過添加這個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">