- Теория
- Теория
Наложение элементов грида и свойство z-index
Напоминает абсолютное позиционирование, не правда ли?
Как и на абсолютно спозиционированные элементы, на пересекающиеся грид-элементы действует свойство z-index. Это свойство управляет тем, как перекрываются элементы. Значение этого свойства — целое число:
.element {
z-index: 2;
}Чем больше значение z-index, тем выше элемент в «стопке». Если у двух элементов одинаковый z-index, то выше будет располагаться тот, который идёт следующим по разметке.
Проверим этот момент на практике.
Хотите применять объектно-ориентированный подход и современные возможности ECMAScript для разработки веб-приложений? Хотите уметь применять паттерны проектирования? Записывайтесь на профессиональный курс «JavaScript. Архитектура клиентских приложений». Цена 12 000 ₽.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.