Стиль z-index

Ще один стиль, який застосовується для позиціонованих елементів - z-index.

Цей стиль дозволяє керувати висотою шару елемента над поверхнею основного потоку, тобто, задавати який елемент буде знаходитися поверх якого елемента.

Задаються числові значення. В якого елемента z-index більший - той і буде умовно вище. Якщо ці значення однакові або відсутні, то хто нижче по коду - той перекриває інших.

Але z-index - це не абсолютні значення, все залежить від батьківських елементів:

Елементи, яким не задано z-index, мають це значення по-замовчуванню auto. Елементи з z-index: 0 знаходяться над ними, а із z-index: -1 - під ними.