当溢出设置为自动时,工具提示被剪切

Question

我的布局左侧有一个侧边栏,右侧有一个内容部分.双方都有自己的滚动条,应该占用页面的剩余高度.

我的问题是,当我设置为overflow-y: auto可以使用滚动条时,工具提示(来自Bootstrap 3)会在它离开包含时被剪裁div.

这是一个演示问题的小提琴:http://jsfiddle.net/Ljy1nc3v/3/

设置z-index在content班级乃至tooltip类不起作用.

任何帮助将不胜感激,谢谢.

Answer 1

解决此问题的最简单方法是在工具提示上设置容器属性,如下所示:

$(".tt").tooltip({
    placement: "top",
    title: "<h3>this is a test tooltip</h3>",
    html: true,
    container: 'body'
});

这会将您的工具提示附加到body元素而不是.content div.