z-index
在做一个搜索栏时想要在搜索栏上显示文字提示,当然不是placeholder那种;是一种浮动在搜索栏上固定的元素提供的文本文字,例如这种:
查找资料后知道用的是z-index
这里是z-index的MDN手册说明:
z-index 属性指定了一个具有定位属性的元素及其子代元素的 z-order。 当元素之间重叠的时候,z-order 决定哪一个元素覆盖在其余元素的上方显示。 通常来说 z-index 较大的元素会覆盖较小的一个。
对于一个已经定位的元素(即position属性值是非static的元素),z-index 属性指定:
1.元素在当前堆叠上下文中的堆叠层级。
2.元素是否创建一个新的本地堆叠上下文。
在pencode上试验后发现覆盖不能对父级元素生效