与ng的索引问题

2018-06-27 22:16:03

当我在同一页面上放置两个ng网格并打开第一个网格的柱状菜单时，第二个网格的标题会与此屏幕截图中所示的重叠：

ng-grid截图

我试过将列菜单上的z-index设置为非常高的值，但它没有效果。我尝试了其他几种方法，但我显然缺少一些东西。有什么建议么？ Plunker在此展示行为：

http://plnkr.co/edit/Eb3BL0l01GHXLvVSGTA5

使用此CSS样式强制第一个网格面板的z-index

[ng-grid=gridOptions1] .ngTopPanel {
    z-index: 2;
}

演示

更好的方法（如评论中所建议的）是使用第n个孩子的方法。扩展到3个项目：

.gridStyle:first-child .ngTopPanel {
     z-index: 3;
}
.gridStyle:nth-child(2) .ngTopPanel {
     z-index: 2;
}

演示

添加z-index:0到类ngTopPanel ng-scope帮助的第二个div。（在Chrome中测试）

链接地址: http://www.djcxy.com/p/78033.html