html - 如何让这个工具提示覆盖父div?

标签 html css tooltip twitter-bootstrap-3

JFIDDLE DEMO

正如您在 jsfiddle 链接上看到的,我有一个按钮,鼠标悬停时会显示工具提示。问题是工具提示区域没有覆盖父 div,并且只会显示在 div 内部。

我知道如果我删除 .panel-heading { overflow:hidden; }这会起作用,但我需要这个 css 来解决一些响应问题。我尝试添加 .toolt { overflow:visible; }到工具提示 div 但它不起作用。

最佳答案

您可以更改工具提示的容器

$('.toolt span').tooltip({container:'body'});

关于html - 如何让这个工具提示覆盖父div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21631134/

相关文章:

javascript - 在页面中嵌入外部网站

html - 为整个网站设置一个图标

css - 如何在链接上添加动画 gif 并在悬停和重置时播放

ruby-on-rails - erb 表单上 Bootstrap 工具提示的语法?

css - 样式化 Bootstrap 工具提示上的箭头

html - 如何使用 CSS 制作成 Angular 工具提示指针元素?

javascript - 页面/表格加载动画

html - 使元素的高度适应内部的内容

php - css 显示页面划分的问题

javascript - 如何根据容器的某些尺寸限制将图像宽度设置为 100%?