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

Question

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

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

当父元素没有绝对定位时，一切正常。有解决此问题的想法吗？

注意：我不能用绝对定位的元素设置CSS？

Answer 1

这应该可以解决问题

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

Answer 2

确保带 position:absolute 的元素有一些积极的 z-index 如果它应该位于另一个元素之上：

<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>

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

Bootstrap tooltip with absolute position

jquery

css

twitter-bootstrap

tooltip