При каких значениях Position работает Z-Index

z-index работает только для элементов с position, отличным от static (по умолчанию). Это:

• position: relative
• position: absolute
• position: fixed
• position: sticky

Пример:

.box {
  position: relative; /* или absolute/fixed/sticky */
  z-index: 10; /* теперь сработает */
}

Без установки position (или при static) z-index игнорируется, даже если указан. Элементы будут располагаться в порядке потока документа.