ngx-bootstrap工具提示-非动态位置

Question

我有一个由ngx-bootstrap控制的工具提示，滚动到一个图标上，工具提示就会出现在图标的顶部。

如果我最大化浏览器，这个工具提示看起来不错，但如果我将浏览器最小化一点，工具提示会重叠在图标上，我不能再点击图标，就像下面的屏幕截图：

​

​

下面是我的代码：

<span id="appCancelIcon" class="close-circle_red" tooltip="Cancel Changes" container="body"></span>

此工具提示是动态位置，顶部和左侧的值根据图标的位置而不同。

我试着像下面这样在CSS中编辑，然后工具提示变成了一个静态位置。图标在哪里并不重要，工具提示显示在相同的位置。

.tooltip.top {
    padding: 5px 0;
    margin-top: -15px;
}

我的问题是，如何使工具提示仍然具有动态位置，并且不会重叠图标？

谢谢!

Answer 1

请尝试使用adaptivePosition="false"，它可能会对您有所帮助。

不确定，但我遇到了类似的问题，这对我来说是有效的！

万事如意！