如何停止重叠ExtJS TreeList项？

Question

我使用带有TreeList组件的边框布局面板和中心的面板，但是当我将面板添加到中心卡面板时，TreeList项目与面板标题重叠。

如何解决？

重现步骤：点击Home菜单项

ExtJS 6.0.0.640，Triton主题

演示在这里： https://fiddle.sencha.com/#view/editor&fiddle/2cs7

Answer 1

将中心区域的z-index设置为小于菜单的值。在你的小提琴例子中，这与零值一起工作。

// JavaScript
{
    xtype: 'panel',
    region: 'center',
    cls: 'panel-center'
}

// CSS
.panel-center {
    z-index: 0;
}