Bootstrap Tooltip 显示在元素下

Question

当我将鼠标悬停在元素下方时，工具提示会显示在它下方。元素的 z-index 为 2，而工具提示为 1030。我不确定发生了什么。它也仅适用于某些元素，即使它们具有相同的标记。

这是发生在http://darebounty.com/streams/11上的页面

这是页面底部的形状（红色、蓝色、黄色等）#rune_page_view

任何帮助将不胜感激。

Answer 1

我遇到了这个问题，为了解决这个问题，我一直在搞乱 z-indexing，但它最终是徒劳的。然后我查看了this link。

我发现“data-container='body'”属性非常有用。它能够让我的工具提示出现在所有内容上（以便用户实际阅读它们），这是我想大多数人想要的。

希望对将来遇到此问题的任何人有所帮助。 :)

Answer 2

我遇到了完全相同的问题。

在我的情况下，原因是封闭的DIV 元素设置了overflow: hidden。

我将其更改为 overflow: visible 并且有效。

也许这会有所帮助:)。