如何在<grid>

Question

如何在不制动的情况下将组件放置在其他组件之上？

我有这样的布局：

  <Grid container justify='center'>
    <Grid item style={{ height: '100vh', width: '100%' }}>
        ... some background elements ...
    </Grid>
    <Grid item xs={12} sm={8} md={6} lg={4}>
        ... some input element on paper ...
    </Grid>
  </Grid>

我尝试设置position: absolute：

<Grid item xs={12} sm={8} md={6} lg={4} style={{position: 'absolute'}}>

它有效，但中断了xs={12} sm={8} md={6} lg={4}断点更改 如何在网格中将一个网格项放置在另一个网格项之上？ （material-ui.com）