具有绝对位置的Bootstrap工具提示

Question

我在使用Bootstrap工具提示绝对定位元素时遇到了奇怪的问题。

根据父元素未正确呈现工具提示，请参阅小提琴：[http://jsfiddle.net/QsYPv/152/][1]

当父元素未定位时，一切正常。有任何想法如何解决这个问题？

注意：我无法使用绝对定位的元素设置CSS？

Answer 1

这应该解决它

$('a[data-toggle="tooltip"]').tooltip({
   container: 'body'
});

Answer 2

如果要放置在另一个元素的上方，请确保具有position：absolute的元素具有一些正的z索引：

<div style="position:relative">
    <div style="position:absolute;z-index:1" data-toggle="tooltip" title="some tooltip">
        <span>absolute-flow</span>
    </div>
    <span>inline-flow</span>
</div>