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

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

Источник

2 ответа

Решение

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

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

Обновить

.ui-layout-west{
   z-index: 50 !important;
   overflow: visible !important;
}
Источник

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

mylayout.allowOverflow("west");

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

Источник
Другие вопросы по тегам