javascript - Bootstrap Tooltip 显示在元素下

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并且有效。

也许这会有所帮助:)。