谁使用谁分摊（不就是谁上谁下的问题嘛）

图文排版

H5

手机版秀米

如题

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

很多小伙伴到现在都还没有搞明白的

『元素重叠规律』

请让我感受到你们激动的心情

平时你们就追着我问

今天我终于写了

你们要是不给我一键四连

我……

就哭给你们看……

说真的，我真的会哭哦……

毕竟为了写这一期

我把老板给的选题都推了呢

好了

以上都是卑微的我

为了博取各位老铁同情说的废话（啊不是）

接下来咱们进入今天的正题~

我看了一下大家平时问的比较多的关于『元素重叠』的问题，目前基本都是问：前后元素的重叠规律。

元素重叠呢，无非也就是两个元素，重叠的时候谁在上，谁在下的问题。

首先，我们要做的肯定是利用组件定位里面的组前距、组后距，让两个元素重叠到一起。

设置组前距、组后距之前，一定要先让两个元素尽量靠近，再去调整数值。两个元素之间有空行要记得先删掉。

• 选中前面的图片组件，设置『组后距』为负数：

• 或者是选中后面的图片组件，设置『组前距』为负数：

组前距、组间距设置为负数，可以缩短相邻两个元素之间的距离。

这样可以实现前面元素叠在后面元素下的效果：

那如果是想要实现前面元素叠在后面元素上的效果又该怎么办呢？

此时，我们只需要再给前面元素设置偏移、旋转、透明度三个参数中任意一个即可：

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

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

• 在工具条上“···”里面把前面元素的『旋转』数值改成1：

这样就可以实现前面元素叠在后面元素上的效果啦！

简而言之就是：当两个元素重叠的时候，设置了偏移/旋转/透明度的元素，会在没有设置偏移/旋转/透明度的元素上方。

但是，如果前后两个元素都设置了偏移/旋转/透明度，前面元素会叠在后面元素下方。

小结

下面两句话很！重！要！

当两个元素重叠的时候，设置了偏移/旋转/透明度的元素，会叠在没有设置偏移/旋转/透明度的元素上方。

如果前后两个元素都设置了偏移/旋转/透明度，前面元素会叠在后面元素下方。

这就是大家经常问的前后元素重叠规律！前后元素如何改变重叠层次！

那关于左右元素（并列元素）有什么重叠规律呢~咱们继续留到下次讲吧~讲多了我累，你们也记不住！（啊，不是！）

看完还是觉得不明白的小伙伴们，答应我……一个字一个字的读，然后打开秀米一个字一个字的对照着做！好吗！？我真的真的真的只能帮到这里了！

,