图文排版
H5
手机版秀米
如题
今天要和大家讲的小tips就是
很多小伙伴到现在都还没有搞明白的
『元素重叠规律』
请让我感受到你们激动的心情
平时你们就追着我问
今天我终于写了
你们要是不给我一键四连
我……
就哭给你们看……
说真的，我真的会哭哦……
毕竟为了写这一期
我把老板给的选题都推了呢
好了
以上都是卑微的我
为了博取各位老铁同情说的废话（啊不是）
接下来咱们进入今天的正题~
我看了一下大家平时问的比较多的关于『元素重叠』的问题，目前基本都是问：前后元素的重叠规律。
元素重叠呢，无非也就是两个元素，重叠的时候谁在上，谁在下的问题。
首先，我们要做的肯定是利用组件定位里面的组前距、组后距，让两个元素重叠到一起。
设置组前距、组后距之前，一定要先让两个元素尽量靠近，再去调整数值。两个元素之间有空行要记得先删掉。
-
选中前面的图片组件，设置『组后距』为负数：
-
或者是选中后面的图片组件，设置『组前距』为负数：
组前距、组间距设置为负数，可以缩短相邻两个元素之间的距离。
这样可以实现前面元素叠在后面元素下的效果：
那如果是想要实现前面元素叠在后面元素上的效果又该怎么办呢？
此时，我们只需要再给前面元素设置偏移、旋转、透明度三个参数中任意一个即可：
-
设置前面元素的『偏移』为1或者-1：
-
在工具条上“···”里把前面元素的『透明度』数值改成99：
-
在工具条上“···”里面把前面元素的『旋转』数值改成1：
这样就可以实现前面元素叠在后面元素上的效果啦！
简而言之就是：当两个元素重叠的时候，设置了偏移/旋转/透明度的元素，会在没有设置偏移/旋转/透明度的元素上方。
但是，如果前后两个元素都设置了偏移/旋转/透明度，前面元素会叠在后面元素下方。
小结
下面两句话很！重！要！
当两个元素重叠的时候，设置了偏移/旋转/透明度的元素，会叠在没有设置偏移/旋转/透明度的元素上方。
如果前后两个元素都设置了偏移/旋转/透明度，前面元素会叠在后面元素下方。
这就是大家经常问的前后元素重叠规律！前后元素如何改变重叠层次！
那关于左右元素（并列元素）有什么重叠规律呢~咱们继续留到下次讲吧~讲多了我累，你们也记不住！（啊，不是！）
看完还是觉得不明白的小伙伴们，答应我……一个字一个字的读，然后打开秀米一个字一个字的对照着做！好吗！？我真的真的真的只能帮到这里了！
