在CSS中,z-index
是一个常见的属性。它用于指定元素在堆栈中的层数,即元素的层叠顺序。在同一层级中,z-index
较大的元素会覆盖较小的元素。
z-index
属性接受一个整数值作为参数。较大的值会让元素在层叠顺序中更加靠前。如果元素没有设置z-index
值,那么它会默认为auto
。在这种情况下,元素的层叠顺序将基于元素在 HTML 标记中的顺序来决定。
.example {
position: absolute;
z-index: 3;
}
上面的代码将为拥有.example
类的元素设置z-index
。这个元素将在层叠顺序中排在较低的元素前面,因为它的z-index
值为 3。
z-index
属性只对定位元素(即设置了position
属性的元素)起作用。在没有设置定位的元素中,z-index
属性将会被忽略。
.no-position {
z-index: 2;
}