javascript - Bootstrap 弹出窗口未显示在所有元素之上

Question

我在一个 bootstrap 网站上工作，在从 2.0 更新到 bootstrap 2.2 之后，除了弹出窗口之外，一切正常。

弹出窗口仍然显示正常，但它们没有显示在所有其他元素之上。

<div> // this sits on top of the popover. this did not happen before cleaning up scripts.
     <div>  //popover shows on top of this
          <div> //popover shows on top of this
               //link here with popover in it.
          </div>
     </div>
</div>

有人知道为什么弹出窗口的行为会改变，或者我该如何修复它？谢谢。

Answer 1

我能够通过在 html 元素上设置 data-container="body" 来解决问题

HTML 示例:

<a href="#" data-toggle="tooltip" data-container="body" title="first tooltip">
    hover over me
</a>

JavaScript 示例:

$('your element').tooltip({ container: 'body' }) 

从此链接发现:https://github.com/twitter/bootstrap/issues/5889