如何移动JQuery工具提示

Question

当用户将鼠标悬停在“请勿使用用户” div上时，我有一个JQuery工具提示，问题是该工具提示被剪切，看起来像在“仅显示资产”链接的后面。 是否有CSS属性可以解决此错误？

<div data-toggle="tooltip" class="dnu_Tooltip" title="For reasons of security due to IP restrictions or vulnerabilities Avanade does not recommend the use of this product">
    <div class="doNotUseFlag text-center">
        Do not Use
    </div>
</div>

.dnu_Tooltip + .tooltip > .tooltip-inner {
    width: 150px;
    text-align: center;
    margin-right: 10px;
    padding: 10px;
}

$('[data-toggle="tooltip"]').tooltip();

Answer 1

您正在使用引导程序吗？ 如果是，则将其添加到div标签上data-placement =“ left / right / top / bottom”将其添加到div标签上。

Answer 2

尝试添加z-index

.dnu_Tooltip + .tooltip > .tooltip-inner {
    width: 150px;
    text-align: center;
    margin-right: 10px;
    padding: 10px;
    position: relative;
    z-index: 2;
}