DevShelf

Appearance

z-index ​

描述 ​

z-index 属性指定元素及其后代的 z-order。当元素重叠时，z-order 决定哪个元素覆盖另一个元素。 z-index 较大的元素通常会覆盖 z-index 较小的元素。

效果展示 ​

语法 ​

css
/* Keyword value */
z-index: auto;

/* <integer> values */
z-index: 0;
z-index: 3;
z-index: 289;
z-index: -1; /* Negative values to lower the priority */

值 ​

  • auto 该盒子不会建立新的本地堆叠上下文。当前堆叠上下文中生成的框的堆叠级别为 0 。
  • <integer> 这个 <integer> 是当前堆栈上下文中生成的框的堆栈级别。该盒子还建立了本地堆叠上下文。这意味着后代的 z 索引不会与该元素之外的元素的 z 索引进行比较。