我試圖重疊兩個以前是一個 SVG 的 SVG - 我只是將層分開以便我有更多的控制權。這是我的代碼:<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>外觀如何我的目標是讓兩個 SVG 像這樣重疊在一起我知道這可能是一個 SCSS/CSS 問題,但不知道什么樣的代碼會給我想要的結果。非常感謝所有幫助:)
如何重疊兩個不同的 SVG?
Qyouu
2022-12-02 10:37:53