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