jQuery插件不重叠DIV？

Question

我试图使用下拉多选小部件发现在： http://www.erichynds.com/jquery/jquery-ui-multiselect-widget/#disqus_thread

现在请看看： http://jsfiddle.net/mdrago/MNekN/4/

我就遇到了这个特殊的问题是在下拉列表将没有重叠中间DIV。我很确定这不是小部件的问题，因为这种类型的问题以前发生过其他控件。

我不能调整中间DIV的大小，因为地图会显示在那里。

我在做什么错了？

Answer 1

问题在于选择框被包装在#framecontentTop中，其具有固定的高度并且还具有overflow:hidden集合。这会告诉浏览器裁剪内容，并且不会渲染div边界之外的任何内容。

解决方法是将#framecontentTop的CSS更改为overflow:visible; z-index:1;。这将渲染div的全部内容，即使它落在外面并确保它在其他所有内容之上而没有显式的z-index集。 div外部的子元素将使用父级的z-index进行渲染，因此您的选择框将位于绝对定位的地图框的顶部。