Page 57 - 6108
P. 57
перекриватимуть елементи з меншим значенням і значенням auto,
розташовуючись на передньому плані.
Рисунок 2.4 – Вплив властивості z-index на позиційований елементи
Контекст накладення
Якщо для елементів властивості z-index і position не задано явно,
контекст накладення дорівнює порядку їх розташування у вихідному коді.
Якщо для елементів не задано z-index, браузер відображає елементи на
сторінці в наступному порядку:
– Кореневий елемент <html>, який містить всі елементи веб-сторінки.
– Блокові елементи, які не плаваючі і не позиціоновані.
– Плаваючі float не позиціоновані елементи в порядку їх
розташування у вихідному коді.
– Рядкові не позиціоновані елементи (текст, зображення).
– Позиціоновані position елементи в порядку їх слідування у
вихідному коді. Останній з них буде розташований на передньому плані.
Рисунок 2.7 – Порядок розташування елементів в 3D просторі за
замовчуванням
