我試圖重疊兩個(gè)以前是一個(gè) SVG 的 SVG - 我只是將層分開以便我有更多的控制權(quán)。這是我的代碼:<Grid container direction="row" justify="center" style={{ height: '90vh', paddingTop: 80, backgroundImage:`url("/media/bg/bg-2.svg")`, backgroundSize:'cover'}}> <Grid item sm={5} style={{ color: 'white', maxWidth: 500, paddingTop: 140 }}> <h1 style={{ fontWeight: 700, color: '#E2A2A5' }}> Lorem Ipsum </h1> <p style={{fontSize: 20}}> Lorem Ipsum </p> </Grid> <Grid item sm={6}> <img src={toAbsoluteUrl('/media/images/computer.svg')} alt="computer" /> <img src={toAbsoluteUrl('/media/images/book.svg')} alt="book" /> </Grid> </Grid>外觀如何我的目標(biāo)是讓兩個(gè) SVG 像這樣重疊在一起我知道這可能是一個(gè) SCSS/CSS 問題,但不知道什么樣的代碼會(huì)給我想要的結(jié)果。非常感謝所有幫助:)
如何重疊兩個(gè)不同的 SVG?
Qyouu
2022-12-02 10:37:53