z-index

z-index 属性设定了一个定位元素及其后代元素或 flex 项目的 z-order。当元素之间重叠的时候，z-index 较大的元素会覆盖较小的元素在上层进行显示。

语法

z-index: auto | <integer>;

属性值

auto 盒子不会创建一个新的局部层叠上下文。盒子在当前层叠上下文的层叠等级是 0。

默认值

平台	默认值
app-uvue	0
web	auto

兼容性

uni-app 兼容性

	安卓系统版本	安卓 uni-app	安卓 uni-app-x	iOS 系统版本	iOS uni-app	iOS uni-app-x
z-index	5.0	√	3.9+	9.0	√	-

Bug & Tips

• 在App端仅对同级的兄弟元素之间支持 z-index 来调节，同级元素中 z-index 较大的元素会覆盖较小的元素在上层进行显示，没有设置 z-index 值时，同级元素中写在后面的元素覆盖写在前面的元素。
• App 平台 list-view 的子组件 list-item 有复用优化机制，list-item 组件不支持 z-index 属性

参见

• MDN Reference