css - 在 JQuery 布局窗格中溢出/重叠的 CSS 弹出菜单

Question

我使用 JQuery 布局并仅定义北、西和中心窗格。在左侧（西窗格），我正在构建一个 CSS 弹出菜单。随着网络上大量的 CSS 弹出菜单，我可以毫不费力地让它工作。我面临的问题是弹出菜单不与中心窗格重叠。您可以在我的 JSfiddle 示例中看到这种行为。我试过设置overflow: visible; z-index: 10001;，但没有解决任何问题。接下来我可以尝试什么？

Answer 1

尝试添加此样式

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

更新

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

Answer 2

最简单的解决方案是在以更高程度的关注度（即比以前更高......）咨询文档之后出现的。API 提供了一种在特定窗格上设置溢出的方法。在可能的情况下，“西”窗格需要溢出它的内容。以下代码起到了作用：

mylayout.allowOverflow("west");

编辑：我不会将我的答案标记为已接受。Kison 的回答当时提供了一个可行的解决方案，应该得到认可。