我正在结合 ExtJS 和 Kendo UI - 我意识到我在这里没有保留；）
我正在将 Kendo 菜单渲染到生成 Ext.form.Panel 的 Ext JS (4.2.1) 上
小提琴：http://jsfiddle.net/blackfrancis75/5e6Lgtaj/1/
问题是下拉项（悬停时）仅在 Ext JS 面板的范围内绘制。有没有办法让下拉项显示在所有内容的“前面”（我尝试更改某些类z-order）？
【问题讨论】：
标签： javascript jquery css kendo-ui extjs4.2
这不是z-index 问题。这是父母overflow: hidden 问题。如果您有具有 overflow: hidden CSS 属性的相关容器，它将始终像这样工作。现在剑道菜单的简单解决方案是将所有菜单相关父级溢出设置为可见：
.x-panel,
.x-panel-body {
overflow: visible;
}
喜欢这里： http://jsfiddle.net/5e6Lgtaj/2/
但你必须注意，如果你想在其中使用它作为滚动条或实际上隐藏溢出，这将是一个问题。
其他选项是将菜单附加到正文元素，但您将面临更多问题：像松散的样式（因为它是从具有重要类的初始容器中移动的），javascript函数将其保持在正确的位置，它会更多有问题那么值得。
【讨论】：