如何显示隐藏在导航栏后面的弹出框

Question

我是 Bootstrap 和 Angular 的新手。在我的网页中有一个按钮，我正在为这样的跨度提供一个弹出窗口

<span popover="Download Project History" popover-trigger="mouseenter" tooltip-placement="top" style="padding: 5px" translate="DOWNLOAD">DOWNLOAD</span>

但它被隐藏在导航栏下。

根据我的谷歌搜索，我发现在 html 元素中提供了 data-container="body" 。但它也不起作用。

谁能帮帮我？

谢谢

Answer 1

我有一个类似的问题，弹出框隐藏在溢出内容后面并添加以下属性修复它：

popover-append-to-body="true"

Answer 2

tooltip-append-to-body="true"

将工具提示附加到正文并使其可见。

Answer 3

您需要覆盖 z-index 值，您可以在原始 Bootstrap 的 CSS 文件中查看默认值（用于导航栏和弹出框）。就我而言，这有帮助：

.popover {

    /* just in case it would overlap with fixed navbar, then show this over the navbar. Original value 1010, value for navbar is 1030 */

    z-index: 1030;

}