Question

我在react js中使用了材质ui，并且我的组件中包含一些图像，问题是当我渲染mui背景时，它将在图片后面运行，所以没人会看到它有任何解决方案或其他东西吗？这是我的组件渲染返回块代码

 <React.Fragment>
                <Box m={1}>
                    <Grid container direction={"row"} alignItems={"flex-start"} justify={"flex-start"}>
                        <Grid item xs={9}>
                            <img ref={(imgEl) => {
                                this.imgEl = imgEl
                            }} src={im} onClick={this.onClick}
                                 style={{maxHeight: "90vh", maxWidth: "70vw"}}/>
                        </Grid>
                     </Grid>
                </Box>
                <Backdrop color={"white"} open={this.state.backDrop} onClick={() => {
                    this.setState({backDrop: false})
                }}>
                    <CircularProgress color={"inherit"}/>
                </Backdrop>
</React.Fragment>

Answer 1

Backdrop z-index默认为-1。您可以选择自定义

<Backdrop style={{zIndex: 2}} />

材质ui回落在后台旋转

1 个答案: