Якщо на веб-сторінці розташовано кілька елементів поруч, вони можуть перекриватися, і важливо передбачити порядок їх перекриття.
Зазвичай елементи розташовуються відповідно до їх визначення в вихідному коді. Елемент, визначений першим, буде розташований найдаленіше від нас, а елемент, заданий останнім, — найближче до нас.
Властивість z-index дозволяє керувати порядком розташування елементів.
Присвоюючи різні цілі числові значення властивості z-index, можна змінювати положення елемента у "стосі". Чим більше це значення, тим "вище" (ближче до нас) розташований елемент.
Перекриття елементів за замовчуванням:
Зміна порядку перекриття:
