单击按钮以显示一些弹出窗口（模态）后如何隐藏 AG-Grid

Question

单击按钮以显示一些弹出窗口（模式）后，如何隐藏 AG-Grid https://www.ag-grid.com/。其他所有元素都被模态背景“覆盖”。但是 AG Grid 位于模态之上。启用模式后如何隐藏网格？至少如何在 AG Grid 之上呈现模态？应用程序是使用 React 开发的。

.modalBackground {
    width: 100vw;
    height: 100vh;
    background-color: rgba(200, 200, 200);
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center ;
  }

Answer 1

为您的 modalBackground 类添加一个 z-index 属性。这个类的 div 也需要是 body 标签的子标签。

.modalBackground {
  width: 100vw;
  height: 100vh;
  background-color: rgba(200, 200, 200);
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center ;
  z-index: 1;
}