1、用css的z-index的属性就可以实现。首先新建一个html文件，在文件中写入一个div容器和一个图片：
2、然后在上方设置它们的样式，这里给div设置成绝对定位，图片设置成相对定位，然后设置一下它们的z-index属性，该属性用来显示元素的上下层的叠加顺序，数值越大表示的层级越高，但是只有在有定位的情况下该属性才会生效。最后设置一下div的背景颜色方便观察效果：
3、最后打开浏览器查看效果，div是在图片上面的。以上html中就是把背景图片置于最低层的方法：
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：
<div>123456</div><div style="position: absolutetop: 0z-index: -1">abc</div>
3、浏览器运行index.html页面，此时“abc”的div模块被成功设置到了最底层。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）