Bootstrap 弹出窗口不在顶部
Bootstrap Popover Not on Top
我正在使用 Boostrap 和 Bootstrap Tiles 构建一个页面。我正在尝试使用 Boostrap 的 Popover 在迷你日历上显示事件数据。问题是弹出窗口隐藏在相邻的图块下。
我知道 z-index
是相对于父元素和同级元素的,但是有没有办法将弹出窗口配置在所有元素的前面?
尝试将容器设置为正文,如下所示:
$('[data-toggle="popover"]').popover({container: 'body'});
这使得弹出窗口成为 <body>
元素的父元素。
因此,如果仍然需要,您可以从那里调整 z-index。
HTH,
-泰德
我正在使用 Boostrap 和 Bootstrap Tiles 构建一个页面。我正在尝试使用 Boostrap 的 Popover 在迷你日历上显示事件数据。问题是弹出窗口隐藏在相邻的图块下。
我知道 z-index
是相对于父元素和同级元素的,但是有没有办法将弹出窗口配置在所有元素的前面?
尝试将容器设置为正文,如下所示:
$('[data-toggle="popover"]').popover({container: 'body'});
这使得弹出窗口成为 <body>
元素的父元素。
因此,如果仍然需要,您可以从那里调整 z-index。
HTH, -泰德