如何显示隐藏在导航栏后面的popover

Question

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

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

但它隐藏在导航栏下。

基于我的谷歌搜索我发现提供数据容器=＆＃34; body＆＃34;在html元素中。但它也不起作用。

有人可以帮助我吗？

由于

Answer 1

我遇到了类似的问题，其中popover隐藏在溢出内容后面并添加了以下属性修复它：

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;

}