Jquery 带绝对位置的引导工具提示
当使用引导工具提示绝对定位元素时,我遇到了一个奇怪的问题 工具提示未根据父元素正确呈现,请参见FIDLE:Jquery 带绝对位置的引导工具提示,jquery,css,twitter-bootstrap,tooltip,Jquery,Css,Twitter Bootstrap,Tooltip,当使用引导工具提示绝对定位元素时,我遇到了一个奇怪的问题 工具提示未根据父元素正确呈现,请参见FIDLE:[http://jsfiddle.net/QsYPv/152/][1] 当父元素没有完全定位时,一切都正常工作。有没有办法解决这个问题 注意:我无法使用绝对定位元素的设置CSS?这应该可以解决它 $('a[data-toggle="tooltip"]').tooltip({ container: 'body' }); 确保position:absolute的元素具有一些正的z索引,
[http://jsfiddle.net/QsYPv/152/][1]
当父元素没有完全定位时,一切都正常工作。有没有办法解决这个问题
注意:我无法使用绝对定位元素的设置CSS?这应该可以解决它
$('a[data-toggle="tooltip"]').tooltip({
container: 'body'
});
确保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>
绝对流量
内联流
Sweeet@godmode工作起来很有魅力。我欠你六包啤酒:)我的元素有相同的未定义的z指数。这不会导致绝对位置元素显示出现问题,但悬停时工具提示不会显示。将z索引设置为正值可使工具提示弹出。