Z-index, css, webreference

Будь-які позиційований елементи на веб-сторінці можуть накладатися один на одного в певному порядку, імітуючи тим самим третій вимір, перпендикулярний екрану. Кожен елемент може перебувати як нижче, так і вище інших об'єктів веб-сторінки, їх розміщенням по z-осі і управляє z-index. Це властивість працює тільки для елементів, у яких значення position задано як absolute. fixed або relative.

коротка інформація

Значення за замовчуванням

До позиційованим елементам

Синтаксис?

позначення

Вказує тип значення.

Значення повинні виводитися в зазначеному порядку.

<размер> <цвет>

Вказує, що треба вибрати тільки одне значення із запропонованих (A або B).

Кожне значення може використовуватися самостійно або спільно з іншими в довільному порядку.

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

Крім числових значень застосовується auto - порядок елементів в цьому випадку будується автоматично, виходячи з їхнього економічного становища в коді HTML і приналежності до батькові чи матері, оскільки дочірні елементи мають той же номер, що їх батьківський елемент.

В даному прикладі при наведенні курсору на карту вона виходить на передній край, частково перекриваючи інші собою інші зображення (рис. 1).

Мал. 1. Зміна порядку карт

об'єктна модель

Примітка

Список, створений за допомогою