第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何重疊兩個(gè)不同的 SVG?

如何重疊兩個(gè)不同的 SVG?

Qyouu 2022-12-02 10:37:53
我試圖重疊兩個(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é)果。非常感謝所有幫助:)
查看完整描述

1 回答

?
慕姐4208626

TA貢獻(xiàn)1852條經(jīng)驗(yàn) 獲得超7個(gè)贊

您可以將這兩個(gè)項(xiàng)目的容器設(shè)置為position: relative

然后將 svgs 設(shè)置為position: absolute

這樣,您可以在 svg-s 上設(shè)置z-index 以獲得深度,這意味著您想要將哪個(gè)放在另一個(gè)之上。

對(duì)于定位,您可以使用bottom、top、leftright將元素放在您想要的位置,您可以更好地控制它們。

編輯:

之所以position: relative重要是因?yàn)樵厥?code>position: absolute從第一個(gè)父節(jié)點(diǎn)定位的 position: relative。


查看完整回答
反對(duì) 回復(fù) 2022-12-02
  • 1 回答
  • 0 關(guān)注
  • 355 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)