1、新建一个html文件，命名为test.html，用于讲解css怎么把两个图片叠加在一起。
Document
2、新建两个div，一个是class属性为a的div，另一个是class属性为b的div。
3、在两个div内分别加上一个图片标签img，并且写上两个图片的路径。
4、使用css对两个div的样式进行定义，(相关课程推荐：css视频教程)分别设置其position属性为absolute，即两张图片在页面的位置是绝对定位。
5、使用z-index设置两张图片的叠加的顺序，设置1.jpg在下面，2.jpg在上面。
6、通过left和top设置div距离页面左边缘的距离和距离页面上边缘的位置，实现两个图片叠加。
7、在浏览器打开test.html文件，查看实现图片叠加的效果。
在仅有 (1) 和 (2) 时，(1) 生效，因为 (1) 的权值比 (2) 高；在 (1) (2) (3) 并存时，(3) 生效，因为虽然 (2)(3) 的权值一样，但 (3) 是后声明的，会覆盖 (2)。解决方法如下：
1、首先新建一个html文件，命名为test.html。
2、在test.html文件内，使用div标签创建图层1，同时设置div的class为div1，主要用于下面通过该class来设置css样式。
3、在test.html文件内，再使用div标签创建图层2，同时设置div的class为div2。
4、在css标签内，对页面的div元素进行样式统一设置，定义它们的宽度和高度都为250px。
5、在css标签内，对类名div1的div（图层1）进行样式设置，使用position设置div为相对定位，使用background设置div背景颜色为红色，使用z-index设置div层级为1。
6、最后在浏览器打开test.html文件，查看实现的效果，就完成了。
<div style="position:relative/*这个是相对路径*/"><div style="position:absolute/*这个是绝对路径这样你的*/">这个是新建图层，这个图片最右和最顶部不设置Left和Top的情况下，会和放图片的位置保存左上角对齐的</div><img src="你的图片路径" /></div>上面的代码可以直接放到页面里Body区域里。就可以看到效果了。建议要把两个DIV定义上宽和高。希望我的回答能给你帮助。
