我正在处理一些bootstrap工具提示实例的奇怪行为 .
我正在使用的页面有几个按钮，当悬停在上面时，显示工具提示以及按钮功能的描述 . 工具提示全部显示在按钮顶部，除一个按钮外，一切正常 . 这一个按钮显示工具提示连续闪烁，工具提示本身覆盖按钮的一部分（而不是完全位于按钮顶部），并防止按钮被正确点击 . 如果工具提示的“数据放置”从“顶部”更改为“左侧”/“右侧”/“底部”，则工具提示将正确显示 .
另外，给我带来问题的按钮包含在一个“浮动：正确”的div中 . 在css中分配 . 我提到这个因为我注意到如果我删除浮动，工具提示工作正常 . 不幸的是，如果我移除浮子，按钮本身会失去正确的位置 .
虽然我可以放弃工具提示的“顶级”定位，但我希望这个问题可能有一个简单的技巧 . 有没有人有什么建议？
谢谢 .
更新：
This StackOverflow question提出了与我遇到的问题相同的问题 . 我发现答案很有用 .
7 回答
添加到工具提示
pointer-events: none;css规则，就像这将防止工具提示成为鼠标事件的目标，并将解决此问题 .
我找到了解决问题的快速解决方案 . 虽然相对较短，但我最初的工具提示说明分为两行 . 偶然的机会，我尝试缩短工具提示文本以适应单行 . 完成此操作后，工具提示已正确显示 . 因此，我假设工具提示文本的长度一定存在问题，并且按钮一直显示在页面右侧（并在页面顶部） . 我暂时不会对此进一步调查 .
我遇到了同样的问题 . 我发现当这些元素位于具有相对或绝对定位的容器内时，Bootstrap的工具提示不会在“浮动”或“内联/内联块”元素上正确定位 . 我有一个向右浮动的按钮，在一个绝对定位的父容器内 . 如果我删除父级的绝对定位，则工具提示显示完全正常 . Bootstrap需要解决这个问题 .
迟到的响应，但我有同样的问题，并能够通过在html元素的工具提示jquery引用中使用'container'选项来解决它 .
看到这个page和其中的jsfiddle链接 .
您可以看到工具提示容器选项详细信息here .
这发生在内联元素上，例如
a标记 . 将display属性设置为block可解决此问题 .基于史蒂夫的回答，我发现问题是我的css引用字体真棒css是 after bootstrap css . bootstrap css将字体真棒图标的显示属性设置为"inline-block" .
所以为了解决这个问题，我刚刚在字体真棒css之后移动了bootstrap css引用，这就解决了我的闪烁问题 .
我不确定你对Bootstrap位有多少控制权，但听起来像是悬停事件不断发射 . 停止此操作的方法是在调用之前使用.stop（），但我不确定这是否可行，例如：
我不知道你是否可以通过Bootstrap调用做类似的事情，但值得尝试一下！