2024-10-26虽然 .sibling 的 z-index 值是 2，比 .child1 和 .child2 的 z-index 值小，但它不属于 .parent 的堆叠上下文，而是在文档流的上层堆叠上下文中，所以它会叠加在整个 .parent 元素（及其内部子元素）之上。.child1 显示在 .child2 之上，因为在 .parent 的堆叠上下文中，.child1 的 z-index: 10 高于 .child2 的 z-index: 5。如果某个元素创建了一个新的堆叠上下文，它的子元素的 z-index。

https://www.qianduange.cn//article/19140.html 分类：前端知识

2024-02-16确保要设置 z-index 的元素具有正确的定位属性。如果要使一个元素位于另一个元素之上，两个元素应该是兄弟节点（即拥有同一个父元素），并且具有相应的定位属性和 z-index 值。5、z-index 值过大或过小：z-index 值应该是一个整数，较大的值会使元素在层叠顺序中更靠前，较小的值则会使元素在层叠顺序中更靠后。3、父元素的 z-index 值：父元素的 z-index 值可能会影响子元素的层叠顺序。4、元素被其他元素遮挡：如果一个元素被其他元素完全遮挡，那么它的 z-index 值不会生效。_css z-index 未起效

https://www.qianduange.cn//article/2141.html 分类：前端知识