堆叠上下文

Posted tujw

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了堆叠上下文相关的知识,希望对你有一定的参考价值。

堆叠上下文

堆叠上下文的排列规则,越往下显示比重越高

  1. 创建堆叠上下文的元素的背景和边框

  2. 堆叠级别为负值的堆叠上下文

  3. 常规流非定位块盒

  4. 非定位的浮动盒子

  5. 常规流非定位行盒

  6. 任何z-index为auto的定位子元素,以及z-index是0的堆叠上下文

  7. 堆叠级别为正值的堆叠上下文

每个堆叠上下文互相独立,不能相互穿插

以上是关于堆叠上下文的主要内容,如果未能解决你的问题,请参考以下文章

在 Electron 中堆叠上下文菜单

Webkit - 修复定位元素似乎具有固有的堆叠上下文

z-index和嵌套DOM元素(堆叠上下文)覆盖

CSS堆叠顺序

z-index堆叠规则

层叠上下文