Плагин 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.

Решение состоит в том, чтобы изменить CSS с #framecontentTop на overflow:visible; z-index:1;.Это отобразит все содержимое div, даже если оно выпадает наружу, и гарантирует, что оно находится поверх всего остального без явного набора z-index.Дочерние элементы вне div будут отображаться с использованием z-индекса родителя, поэтому ваш блок выбора будет находиться над абсолютно позиционированным блоком карты.