CSS z-index 属性

css z-index 属性指定一个元素的堆叠顺序

拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面

z-index 进行定位元素(position:absolute, position:relative, or position:fixed)

默认值auto
继承no
版本CSS2
JavaScript 语法object.style.zIndex="1"

语法

z-index: auto | inherit | **number**


属性值

描述
auto默认。堆叠顺序与父元素相等
number设置元素的堆叠顺序
inherit规定应该从父元素继承 z-index 属性的值

范例

设置图像的 z-index

img
{
    position:absolute;
    left:0px;
    top:0px;
    z-index:-1;
}

本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/course/6_462

目录选择