圖文排版

H5

手機版秀米

如題

今天要和大家講的小tips就是

很多小夥伴到現在都還沒有搞明白的

『元素重疊規律』

請讓我感受到你們激動的心情

平時你們就追着我問

今天我終于寫了

你們要是不給我一鍵四連

我……

就哭給你們看……

說真的，我真的會哭哦……

畢竟為了寫這一期

我把老闆給的選題都推了呢

好了

以上都是卑微的我

為了博取各位老鐵同情說的廢話（啊不是）

接下來咱們進入今天的正題~

我看了一下大家平時問的比較多的關于『元素重疊』的問題，目前基本都是問：前後元素的重疊規律。

元素重疊呢，無非也就是兩個元素，重疊的時候誰在上，誰在下的問題。

首先，我們要做的肯定是利用組件定位裡面的組前距、組後距，讓兩個元素重疊到一起。

設置組前距、組後距之前，一定要先讓兩個元素盡量靠近，再去調整數值。兩個元素之間有空行要記得先删掉。

• 選中前面的圖片組件，設置『組後距』為負數：

• 或者是選中後面的圖片組件，設置『組前距』為負數：

組前距、組間距設置為負數，可以縮短相鄰兩個元素之間的距離。

這樣可以實現前面元素疊在後面元素下的效果：

那如果是想要實現前面元素疊在後面元素上的效果又該怎麼辦呢？

此時，我們隻需要再給前面元素設置偏移、旋轉、透明度三個參數中任意一個即可：

• 設置前面元素的『偏移』為1或者-1：

• 在工具條上“···”裡把前面元素的『透明度』數值改成99：

• 在工具條上“···”裡面把前面元素的『旋轉』數值改成1：

這樣就可以實現前面元素疊在後面元素上的效果啦！

簡而言之就是：當兩個元素重疊的時候，設置了偏移/旋轉/透明度的元素，會在沒有設置偏移/旋轉/透明度的元素上方。

但是，如果前後兩個元素都設置了偏移/旋轉/透明度，前面元素會疊在後面元素下方。

小結

下面兩句話很！重！要！

當兩個元素重疊的時候，設置了偏移/旋轉/透明度的元素，會疊在沒有設置偏移/旋轉/透明度的元素上方。

如果前後兩個元素都設置了偏移/旋轉/透明度，前面元素會疊在後面元素下方。

這就是大家經常問的前後元素重疊規律！前後元素如何改變重疊層次！

那關于左右元素（并列元素）有什麼重疊規律呢~咱們繼續留到下次講吧~講多了我累，你們也記不住！（啊，不是！）

看完還是覺得不明白的小夥伴們，答應我……一個字一個字的讀，然後打開秀米一個字一個字的對照着做！好嗎！？我真的真的真的隻能幫到這裡了！

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!