在divs外部显示带有bootstrap的popovers:hidden [英] display bootstrap popovers outside divs with overflow:hidden

问题描述

我有一个问题，关于如何使引导程序弹出窗口显示在滑块上方(外部)，该滑块具有overflow:hidden的包装，我似乎无法绕开.

I've got a question about how to get a bootstrap popover to show above (outside) a slider, which has a wrapper of overflow:hidden, that I can't seem to get around.

我正在使用此滑块: http://owlgraphic.com/owlcarousel/ 我还在使用Twitter引导程序2.3.2弹出窗口: http://getbootstrap.com/2.3.2/javascript.html#popovers

I'm using this slider: http://owlgraphic.com/owlcarousel/ I'm also using Twitter bootstrap 2.3.2 popovers: http://getbootstrap.com/2.3.2/javascript.html#popovers

两者都可以很好地工作，除了在转盘上隐藏了"overflow:"(类似于下面的问题)之外: Bootstrap 2.2.1中的Popovers https://github.com/twbs/bootstrap/issues/6122

both work well together with the exception of the overflow:hidden on the carousel, which is similar to issues like this: Popovers in Bootstrap 2.2.1 https://github.com/twbs/bootstrap/issues/6122

我的问题特别是:有没有人让它起作用?我已经做了一些高度和负边距的移动，以显示垂直高度，但是如果弹出窗口在包装环绕的边缘，则边缘会被截断. 请让我知道是否需要提供其他详细信息.

My question specifically is: Has anyone gotten this to work? I've done some moves with height and negative margin to get the vertical height showing, but if the popover is at the edge of my wrapping dive, it will get cut off at the edge. please let me know if I need to provide any additional detail.

谢谢 斯蒂芬

推荐答案

好，所以我想出了这一点.

Ok, so I figured this one out.

我更改了:

$('.popover-with-html').popover({ html : true, });

收件人:

$('.popover-with-html').popover({ html : true, container: 'body'}); 

它正在工作.

container: 'body'

是关键，我希望这对某人有帮助.

was the key, I hope this helps someone.

谢谢

Steph

这篇关于在divs外部显示带有bootstrap的popovers:hidden的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！