如何移动JQuery Tooltip

Question

当用户将鼠标悬停在“Do Not User”div上时，我有一个JQuery Tooltip，问题是工具提示已被删除，看起来它是“Show Only Assets”链接的背后。是否有任何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

你正在使用bootstrap吗？如果是，只需在div标签上添加 data-placement =＆＃34;左/右/上/下＆＃34; 在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;
}