Css 尝试在使用react admin时模拟空白页，但z-index并没有将div覆盖在菜单/边栏上

我正在使用react admin，它有一个侧栏和菜单栏。对于我添加的路线之一，我希望它显示一个纯空白的白色屏幕，没有菜单栏或侧边栏，纯空白。我需要该页面为空，因为我稍后将添加一个组件，我将使用iframe在另一个应用程序中显示该组件，但我需要该组件访问管理存储

如果有iframe以外的其他选项，我可以将定位设置为从设定点开始，在设定点结束，这将是更好的选择

我为/blank设置了一个自定义路由来渲染我的空白组件，它只是一个div，css属性位置：绝对、顶部：0、左侧：0、高度：100%、宽度：100%、z索引：-1，但无论我设置的z索引有多负，侧边栏和菜单栏仍然重叠

在blank.js中

从'@materialui/core'导入{withStyles}；
常量样式={
空白：{
zIndex:-1，
左:0,，
排名：0，
高度：“100%”，
宽度：“100%”，
背景颜色：“白色”，
位置：'绝对'，
}
};
常量blank=（{classes}）=>(
)
导出默认样式（样式）（空白）；

在customRoutes.js中

---

侧栏和菜单栏仍然出现在空白组件上，不管我设置空白成分的z指数有多大的负值

z索引值是OpSITE IM对你的理解正在进行，较低的值将在较大的后面。

i、 e:

将落后

z-index: 3;

您可以在文档中查看更多信息

我附上这支笔来解释

希望对你有帮助

<Route exact path="/blank" component={blank} />

z-index: 1;

z-index: 3;