Bootstrap 工具提示显示在元素下

Question

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

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

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

任何帮助，将不胜感激。

Answer 1

我遇到了这个问题，为了解决它，我正在使用 z-indexing 来解决它，但它最终是徒劳的。然后我查看了这个链接。

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

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

Answer 2

我有完全相同的问题。

就我而言，原因是封闭DIV元素已overflow: hidden设置。

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

也许这会有所帮助:)。