2013-04-03 41 views
3

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

下面是它发生在http://darebounty.com/streams/11

这是一个网页上的形状在底部(红色,蓝色,黄色等)#rune_page_view

任何帮助,将不胜感激的页面。

+1

这将有助于提及**哪些**元素发生 – Ian 2013-04-03 20:47:27

+0

看看答案[这里](http://stackoverflow.com/questions/3376309/z-index-not-overlaying-over -divs-further-down-the-the-dom/3376907) – anpsmn 2013-04-03 21:02:29

+0

元素上较高的z-index不一定保证它将显示在具有较低z-index的其他元素上方。请参阅堆叠上下文的[本解释](https://developer.mozilla.org/en-US/docs/CSS/Understanding_z-index/The_stacking_context)。 – excentris 2013-04-03 21:02:48

回答

2

我有完全相同的问题。

在我的情况的原因是封闭DIV元素有overflow: hidden集。

我改成了overflow: visible和它的工作。

也许这会帮助:)。

3

我有这个问题,是为了解决其与Z-索引瞎搞,但它最终成为徒劳。然后我检查了this link

我发现“数据容器=‘body’的”属性非常有用的。它能够让我的工具提示显示出所有内容(以便用户可以真正阅读它们),这正是我想象中的大多数人想要的。

希望可以帮助任何人在未来出现这种情况。 :)