z-index

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

Syntax

z-index: auto | <integer>;

Values

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

default

Platform	default
app-uvue	0
web	auto

Compatibility

uni-app compatibility

	Android version	Android uni-app	Android uni-app-x	iOS version	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 属性

See also

• MDN Reference
• Related Bug