css选择某元素优先上方显示的方法

z-index

在做一个搜索栏时想要在搜索栏上显示文字提示，当然不是placeholder那种；是一种浮动在搜索栏上固定的元素提供的文本文字，例如这种：

查找资料后知道用的是z-index

这里是z-index的MDN手册说明：
z-index 属性指定了一个具有定位属性的元素及其子代元素的 z-order。 当元素之间重叠的时候，z-order 决定哪一个元素覆盖在其余元素的上方显示。 通常来说 z-index 较大的元素会覆盖较小的一个。

对于一个已经定位的元素（即position属性值是非static的元素），z-index 属性指定：

1.元素在当前堆叠上下文中的堆叠层级。
2.元素是否创建一个新的本地堆叠上下文。

在pencode上试验后发现覆盖不能对父级元素生效