小编Va_*_*a_M的帖子

如何设置抽屉组件上的 zIndex

我正在努力实现clipped under the app bar临时抽屉的风格。但我似乎无法在临时抽屉上设置 z 索引。

modalMaterial-ui 中的临时抽屉具有组件的 z 索引,1300正如我在此处提出的问题中提到的https://github.com/mui-org/material-ui/issues/22562

因此,如果我使用文档中给出的将应用程序栏 zIndex 设置为 的方法theme.zIndex.modal + 1,我可以获得“在应用程序栏下剪辑”效果。但这也意味着我的应用栏将高于我的所有模式。这不是我想要的。

因此,我想将临时抽屉的 z 索引设置为 ,1250并将应用程序栏的 z 索引设置为 ,1251以获得所需的效果而不产生任何副作用。

我正在尝试使用钩子设置 zIndex,makeStyles如您在沙箱中看到的以及下面的代码片段:

const useStyles = makeStyles((theme) => ({
  appBar: {
    zIndex: 1251
  },
  drawer: {
    width: drawerWidth,
    flexShrink: 0,
    zIndex: 1250
  },
  drawerPaper: {
    width: drawerWidth
  }
}));
Run Code Online (Sandbox Code Playgroud)
<AppBar position="fixed" className={classes.appBar}>
   .
   .
   .
</AppBar>
      
Run Code Online (Sandbox Code Playgroud)
<Drawer
  className={classes.drawer}
  open={true}
  classes={{
    paper: classes.drawerPaper …
Run Code Online (Sandbox Code Playgroud)

javascript z-index reactjs material-ui

7
推荐指数
1
解决办法
2万
查看次数

jdk安装时没有自带tools.jar

tools.jar我试图下载并安装新的jdk来刷新我的java,但似乎jdk安装的lib目录中没有该文件。我错过了什么吗?我尝试从此链接安装它https://www.oracle.com/java/technologies/downloads/#jdk17-windows 我尝试了 exe 和 msi,但似乎都不起作用,当我尝试运行代码时,我Error:Cannot determine path to 'tools.jar' library for 17 (C:\Program Files\Java\jdk-17)

尝试搜索此问题,但大多数问题是由安装的人jre或未设置的人提出的set "JAVA_HOME=C:\Program Files\Java\jdk-17"

>java --version
java 17 2021-09-14 LTS
Java(TM) SE Runtime Environment (build 17+35-LTS-2724)
Java HotSpot(TM) 64-Bit Server VM (build 17+35-LTS-2724, mixed mode, sharing)
Run Code Online (Sandbox Code Playgroud)

java

7
推荐指数
1
解决办法
1万
查看次数

标签 统计

java ×1

javascript ×1

material-ui ×1

reactjs ×1

z-index ×1