ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

z-index为什么没生效(使用position)

2026/9/20 7:38:37 拓冰建站 浏览量
z-index为什么没生效(使用position)

是不是写样式得时候想要下层被上层盖住得时候总是不生效,这个时候需要知道一个知识点:
z-index属性只对具有定位(position不为static)的元素有效。如果上面的盒子和下面的盒子都没有定位,则无法使用z-index属性实现盖住效果。

.upper-box {position: relative;z-index: 2;/* 其他样式 */
}.lower-box {position: relative;z-index: 1;/* 其他样式 */
}