javascript - iframe 中的工具提示被其父级部分隐藏

标签 javascript jquery css twitter-bootstrap twitter-bootstrap-3

我们有一个例子,我们在 iframe 中填充一些标签。标签是一个正方形,当您将其悬停时,您会看到一个工具提示。 iframe 已加载到其父级中。

问题在于左侧和右侧的工具提示部分位于其父级下方。我们正在使用 Twitter Bootstrap 。解决这个问题的最佳方法是什么?工具提示的服装化是可能的,但是当工具提示部分位于其父项下方时,您现在怎么能呢? iframe 中的标签列表不是静态的,可以动态增长。我也不想在 iframe 本身中添加更多填充。

请在下面查看我的专业绘画技巧。

enter image description here

最佳答案

这个问题的解决方案是使用 qTip2插件

使用此插件,您有更多选项来定位工具提示。这对于 Twitter Bootstrap 工具提示的默认行为是不可能的。

关于javascript - iframe 中的工具提示被其父级部分隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33169357/

相关文章:

javascript - 在没有 OOP 结构的 JS 中创建对象

javascript - 将变量从多个 javascript 函数传递给另一个函数?

javascript - 从跑道 api 获取所有项目

jQuery - 如果复选框被选中,则停止未选中

css - 如何使用:after to clear floats

javascript - CMS中不同类等高的jquery解决方案

jquery - 使用 Struts 2 的动态表

javascript - 获取同级文本输入值

css - 保持 div 的宽度与 wrapper 相同,但使背景全宽

css - Flexbox IE10 宽度问题