Застосування шарів в css

CSS-каскадні таблиці стилів
Вступ
Основи CSS. Базовий синтаксис.
Значення. Класифікація значень
Властивості background і color
Завдання шрифтів в CSS за допомогою властивостей font
Властивості, що змінюють текст
Властивість list-style. Редагування маркера в списку.
Застосування класів в CSS
Ідентифікатори в CSS
селектори тегів
контекстні селектори
сусідні селектори
дочірні селектори
селектори атрибутів
універсальний селектор
Псевдокласи в CSS
застосування псевдоелементів
Блокова структура в CSS
Межі блоків в CSS. властивість border
Властивості margin і padding
властивості width # 038; height
позиціонування блоків
Використання плаваючих блоків в CSS
Шари в CSS. Властивість z-index
Висновок. Що далі?

До цього уроку ми з вами розглядали тільки два виміри. А тепер уявіть ще один вимір перпендикулярний екрану. Представили? Так ось при верстці сайту і при накладенні шарів один на одного можна управляти цим накладанням. Уявіть деяку вісь Z перпендикулярну екрану. Накладення елементів по цій осі буде контролюватися властивістю z-index

Як значення у даного властивості використовуються цілі числа (позитивні, негативні і нуль). Чим більше число, тим вище розташовується елемент. Синтаксис написання даної властивості має наступний вигляд:

Наведу невеликий приклад використання даного властивості:

В результаті має вийти наступне:

Слід зазначити, що властивість z-index працює тільки для тих елементів, у яких задано значення position.

Всі права на сайт належать Олександру Побединський.