32-CSS postion中z-index负值的应用

发表于 | 分类于 |

CSDN
掘金

从层叠的底部开始，共有七种层叠顺序：

  1. 背景和边框：形成层叠上下文的元素的背景和边框。
  2. 负z-index值：层叠上下文内有着负z-index值的定位子元素，负的越大层叠等级越低；
  3. 块级盒：文档流中块级、非定位子元素；
  4. 浮动盒：非定位浮动元素；
  5. 行内盒：文档流中行内、非定位子元素；
  6. z-index: 0：z-index为0或auto的定位元素， 这些元素形成了新的层叠上下文；
  7. 正z-index值：z-index 为正的定位元素，正的越大层叠等级越高；

image