css怎样让两个div重叠


本文摘自PHP中文网,作者V,侵删。

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 属性的值。

代码实现:

阅读剩余部分

相关阅读 >>

css定位怎么理解?

css怎么排除第一个子元素

学html css看什么书?

css怎么设置元素透明度

css设置字体大小的属性名是什么

css background-position属性怎么用

css img不透明度如何设置

css表格怎么设置中间对齐

css放在html的哪里

css中的弹性布局是什么

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...