Как сделать, чтобы контент был сзади шапки, если у контента position: absolute?

Если вы хотите, чтобы контент был сзади шапки, когда у контента задано значение свойства position: absolute, вам потребуется использовать свойство z-index для контента и шапки.

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

Пример HTML-кода может выглядеть следующим образом:

<header class="header">
  <!-- Ваша разметка шапки здесь -->
</header>

<main class="content">
  <!-- Ваш контент здесь -->
</main>

А затем можно применить следующий CSS-код:

.header {
  position: relative;
  z-index: 2; /* Большее значение z-index помечает элемент как более важный */
}

.content {
  position: absolute;
  z-index: 1; /* Меньшее значение z-index помещает элемент позади других */
  top: 0;
  left: 0;
}

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

Обратите внимание, что контент должен иметь абсолютное позиционирование (position: absolute), чтобы использовать z-index в данном контексте. Также помните, что свойство z-index работает только на элементы с позиционированием (кроме значения static).