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代码:
1 2 3 4 5 6 |
|
css代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
|
相关推荐:CSS教程
以上是css怎样让两个div重叠的详细内容。更多信息请关注PHP中文网其他相关文章!