您好,欢迎访问一九零五行业门户网

css怎样让两个div重叠

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代码:
<div id="img_head" ><img src="img/首页logo.png" class="head"></div><div id="img_head_back"><img src="img/背景.png" class="back" ></div>
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重叠的详细内容。
其它类似信息

推荐信息