Bootstrap Tooltip显示在元素下

时间:2013-04-03 20:35:54

标签: javascript html twitter-bootstrap tooltip z-index

当我将鼠标悬停在元素上时,工具提示会显示在元素下方。元素的z-index是2,而工具提示有1030.我不知道发生了什么。它只适用于某些元素,即使它们具有相同的标记。

以下是http://darebounty.com/streams/11

上发生的页面

这是底部页面上的形状(红色,蓝色,黄色等)#rune_page_view

任何帮助都将不胜感激。

2 个答案:

答案 0 :(得分:3)

我遇到了这个问题并且为了解决这个问题而乱用z-indexing,但最终却徒劳无功。然后我检查了this link

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

希望能够帮助任何人在将来遇到这个问题。 :)

答案 1 :(得分:2)

我有完全相同的问题。

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

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

也许这会有所帮助:)。