javascript - Bootstrap Tooltip 显示在元素下方

标签 javascript html twitter-bootstrap tooltip z-index

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

这是发生在 http://darebounty.com/streams/11 上的页面

它是页面底部的形状(红色、蓝色、黄色等)#rune_page_view

如有任何帮助,我们将不胜感激。

最佳答案

我遇到了这个问题,为了解决这个问题而弄乱了 z-indexing,但结果是徒劳的。然后我检查了this link .

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

希望能帮助将来遇到此问题的任何人。 :)

关于javascript - Bootstrap Tooltip 显示在元素下方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15797581/

相关文章:

html - 中心 WooCommerce 存档页面和单个产品页面

html - css bootstrap 全屏问题

javascript - vuejs路由器中的可选参数

javascript - CSS JQuery 在容器内旋转图像

html - 页面底部的div

jquery - 只有第一个媒体查询有效

javascript - 链接到 Bootstrap 选项卡,未修改 "a"标记

html - 让 Bootstrap 验证工作

javascript - Kendo UI 从数据源中多选择选定的值

javascript - Chrome 扩展每分钟刷新一次页面并在每次刷新时运行一个(javascript)脚本