css让两个div重叠的方法：首先利用【position:absolute】属性对div设置绝对定位；然后利用z-index属性来确定哪个div在上层。z-index属性用于指定一个元素的堆叠顺序。
本教程操作环境：windows10系统、css2版，该方法适用于所有品牌电脑。
重要属性介绍：
position 属性规定元素的定位类型。
（学习视频分享：css视频教程）
立即学习“前端免费学习笔记（深入）”；
属性值：
absolute 生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 “left”, “top”, “right” 以及 “bottom” 属性进行规定。
relative 生成相对定位的元素，相对于其正常位置进行定位。因此，”left:20″ 会向元素的 LEFT 位置添加 20 像素。
z-index 属性指定一个元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
属性值：
auto 默认。堆叠顺序与父元素相等。
number 设置元素的堆叠顺序。
inherit 规定应该从父元素继承 z-index 属性的值。
代码实现：
html代码：
@@##@@@@##@@
css代码：
#img_head{border: 1px solid #FF0000; position:absolute;width:210px;height: 210px;z-index: 20;left:600px;top:170px;text-align: center;}#img_head_back{border: 0px solid #FF0000;position:absolute;width: 210px;height: 210px;left:600px;top:170px;z-index:10;}
相关推荐：CSS教程
以上就是css怎样让两个div重叠的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1616506.html
微信扫一扫 
支付宝扫一扫 
