2013-04-03 86 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’的」屬性非常有用的。它能夠讓我的工具提示顯示出所有內容(以便用戶可以真正閱讀它們),這正是我想象中的大多數人想要的。

希望可以幫助任何人在未來出現這種情況。 :)