MUI 背景落后于 MUI 对话框

Question

我有一个使用 MUI 背景组件的加载覆盖。 在我打开 MUI 对话框或打开 MUI 抽屉之前，这非常有效。 在这些场景中，Backdrop 组件呈现在 Dialog 或 Drawer 后面。 我什至尝试在背景的 zIndex 上添加一个!important并将其设置为 10000，它仍然会每次都呈现在 Dialog 或 Drawer 后面。

有没有其他人遇到过这个问题并且能够弄清楚如何让背景始终显示在页面上的任何元素之上？

Answer 1

没有代码示例，我不是 100 岁，但我希望这会有所帮助...... Drawer（通过在其道具中传递模式）和 Dialog 都使用 Backdrop 组件。 那么可能是父 div 需要更改 zIndex 吗？ 在下面的沙箱中，我发现将背景包装到网格中，然后在父/网格上设置 zindex 工作。 这是带有抽屉和对话框的各种背景设置： https ://codesandbox.io/s/romantic-firefly-44s63k?file=/src/temporary-drawer.js

https://mui.com/material-ui/api/dialog/ https://mui.com/material-ui/api/modal/