Z index css что это?
Почему большой z-index не поднимает выпадающий блок над соседней карточкой, у него значение намного больше, но он все равно частично под ней
Ваш вопрос
Почему большой z-index не поднимает выпадающий блок над соседней карточкой, у него значение намного больше, но он все равно частично под ней
Z-index управляет порядком наложения в соответствующем контексте, а не выдает элементу глобальный приоритет над всей страницей. Поэтому число 999999 у дочернего блока не обязательно поднимет его выше соседнего контекста родителя.
Например, карточка с собственным контекстом и z-index: 1 содержит меню с z-index: 1000. Если соседняя карточка находится в сопоставимом контексте с z-index: 2, она может остаться выше всего первого контекста вместе с меню.
Проверьте предков: контексты создают не только позиционирование с числом z-index, но и некоторые другие свойства, включая transform и opacity меньше единицы. Еще отличайте наложение от обрезания overflow: увеличение z-index не отменяет клиппинг. Исправлять нужно структуру слоев или причину обрезания, а не бесконечно увеличивать число.
Пока нет премиум-вопросов в подборке
Не нашли то, что искали?
Задайте свой вопрос
Лучший ответ
v4-flash
v4-flash
Z index css что это?
Область сравнения Z-index действует внутри контекста наложения. Потомок остается частью контекста родителя даже с очень большим числом.
Частая причина Соседний родительский контекст находится выше, либо меню обрезается через overflow.
Проверка Посмотрите position, transform, opacity и другие свойства предков. Исправьте структуру слоев или обрезание, затем задайте нужный локальный порядок.