首页 > 解决方案 > 如何在打字稿中的变体“临时”的抽屉组件上设置 zIndex

问题描述

我正在尝试实现夹在应用栏下的“临时”抽屉(注意:抽屉变体“临时”并夹在应用栏下)。

有关更多上下文,请参阅有关此主题的较早帖子: 如何在抽屉组件上设置 zIndex。建议的解决方案是使用 !important 覆盖抽屉 zIndex。

但我收到打字稿错误 https://codesandbox.io/s/material-demo-forked-m9kxd?file=/demo.tsx&resolutionWidth=320&resolutionHeight=675

标签: reactjstypescriptmaterial-ui

解决方案


只需删除 thezIndex上的属性Drawer并将 of 设置zIndexappBar更大的值(我尝试过1500并且有效)


推荐阅读