Всплывающее меню CSS для переполнения/перекрытия в панелях макета JQuery

Я использую макет JQuery и определяю только северную, западную и центральную панели. С левой стороны (западная панель) я создаю всплывающее меню CSS. С обилием всплывающих меню CSS в Интернете у меня нет проблем с тем, чтобы заставить его работать. Проблема, с которой я сталкиваюсь, заключается в том, что всплывающее меню не перекрывает центральную панель. Вы можете увидеть это поведение в моем примере JSfiddle. Я попытался установить overflow: visible; z-index: 10001;, но это ничего не решило. Что я могу попробовать дальше?


css popup jquery-layout
person Andrei V    schedule 01.08.2013    source источник

Ответы (2)


arrow_upward
5
arrow_downward

Попробуйте добавить эти стили

.ui-layout-west{
   z-index: 50;
   overflow: visible;
}

Обновлять

.ui-layout-west{
   z-index: 50 !important;
   overflow: visible !important;
}
person Den Kison    schedule 01.08.2013
comment
Другой ответ лучше. - person Adam Jimenez; 04.10.2015

arrow_upward
3
arrow_downward

Самое простое решение пришло после консультации с документами с более высокой степенью внимания (т.е. выше, чем раньше...). API предоставляет метод для установки переполнения на определенной панели. В некоторых случаях панель «запад» должна была переполнить ее содержимое. Следующий код сделал свое дело:

mylayout.allowOverflow("west");

Изменить: я не буду отмечать свой ответ как принятый. Ответ Кисона предоставил рабочее решение в то время, и его следует отметить.

person Andrei V    schedule 01.10.2015