Как сделать что бы z-index был больше чем у дочернего?

@bart 

Значение z-index задает порядок наложения элементов друг на друга на странице. Обычно у дочерних элементов значение z-index наследуется от родительского элемента. Однако, если вы хотите, чтобы конкретный родительский элемент имел больший z-index чем его дочерние элементы, вам необходимо явно задать значение z-index для родительского элемента.

Вот пример CSS кода, который позволит задать значение z-index для родительского элемента, чтобы оно было больше, чем у дочернего элемента:

1
2
3
4
5
6
7
8
9

.parent {
  position: relative;
  z-index: 10;
}

.child {
  position: absolute;
  z-index: 5;
}

Здесь родительский элемент имеет значение z-index: 10, а дочерний элемент имеет значение z-index: 5. При этом родительский элемент также имеет свойство position: relative, чтобы задать контекст позиционирования для его дочерних элементов, которые имеют свойство position: absolute. Таким образом, родительский элемент будет находиться выше дочернего элемента в порядке наложения на странице.