工作中，开发微信小程序时，经常会遇到图片叠加、图层的问题，不过都很容易解决，只是没有好好研究过其中的概念和原理，由于自己的技术和理解有限，也在网上找了不少参考资料，学到了很多，简单分享一下。

1. 成果效果

说明一下：这是通过微信开发者工具展示的小程序效果；

（二）实施分析

1、效果图是两张图片叠加在一起的（一张是上传的图片，一张是右上角的删除按钮图标），实现方法也很简单：

父容器样式：

position:relative; top:... left:... 。。。（设置其他属性样式）

子容器样式设置（针对两张图片）：

第一张图设置的样式是占据整个，所以不需要设置；

第二张图需要设置：；（脱离正常文档流，但是不会脱离下的文档流）

position:absoulte; top:... left:... 。。。（其他样式）

如果还需要设置层层显示问题，比如你想让上面子容器下的第二张图片覆盖在父容器上面显示（由于文档流问题），可以设置：z-:1;

在设置之前，删除符号会被遮挡：

设置之后就不会被屏蔽了：

（三）推荐参考资料