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、うまくいきました。

多分これは役立つでしょう:)。