jQuery Chosen div落后于Twitter Bootstrap手风琴 [英] jQuery Chosen div falls behind Twitter Bootstrap accordion

问题描述

我在Twitter Bootstrap手风琴中使用jQuery Chosen插件。我有的问题是，Chosen插件的下拉菜单出现在手风琴菜单的 div 下面。我试图将 z-index 设置为更高的值，但这没有做到。

I'm using the jQuery Chosen plugin inside a Twitter Bootstrap accordion. The problem that I have is that the dropdown menu of the Chosen plugin appears 'under' the div of the accordion menu. I tried to set the z-index to a higher value, but that didn't do the trick.

我举了我的问题的示例： http://jsfiddle.net/8BAZY/1/

I made an example of my problem: http://jsfiddle.net/8BAZY/1/

如果你点击选择框，你会看到菜单出现在 div 。如何让下拉列表显示在手风琴div的顶部，以便我可以看到所有的结果？

If you click on the select box you'll see that the menu appears under the div. How can I let the dropdown appear ontop of the accordion div, so I can see all the results?

推荐答案

问题是因为 .collapse 有 overflow：hidden 。显然
绝对定位选择的下拉菜单将被剪辑。 - dfsq 2天
前

The problem is because .collapse has overflow: hidden. Obviously absolutly positioned chosen dropdown will be clipped. – dfsq 2 days ago

这篇关于jQuery Chosen div落后于Twitter Bootstrap手风琴的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！