Задача: Исправить наложение попапа на Tilda
Что сейчас происходит
На лендинге, сверстанном в Tilda, при клике на кнопку "Запись на тренировку" открывается всплывающее окно (попап). Проблема: если в зоне видимости (до скролла) находится часть следующего блока (например, "Акции", "Контакты"), то этот блок вылезает поверх попапа, перекрывая его. Стандартное использование z-index не помогло.
Контекст
Быстрое перекрытие корневых элементов (например, заголовка) работает отлично - pop-up закрывает их. Но стоит "новидимой" границе попап перестает закрывать частично приоткрытого нижележащего блока. На сайте применялся сторонний кастомный код для лейаута, который не должен применяться к этим блокам, но изменить его поведение не удаётся.
Требования к реализации
- Цель: Попап должен абсолютно и принудительно перекрывать все блоки на странице, будучи на переднем плане (
верхнем z-слое). - Проблема: Код кастомного лейаута возвращает/омещается между DOM-элементами, из-за чего часть страницы разрывается за пределами их пространства, позволяя отображению соседнего блока выходить наверх.
- Решение необходимо найти:
- b перерыть саму архитектуру очисткова попапа по отношению к разметке (например, использовать тег
body или применить position: fixed с максимальным z-index) - которые уже не дают эффекта? - Либо произвести декомпозицию
кастомного кода лейаута так, чтобы его формат относился only к целевым элементам; - b выяснение домености& блок как можно принудительно закрывать /Оск - остаётся на view-port через модификаторы класс обойки;
- Дополнительно: Заявка завершить тестирование кросс-браузерной и отдача попапа управляет прокруткой шири сайта;
Дополнительные детали
При получении ТЗ у первого подпишште информацию о сыром постороннем коде текущего позиционирования блока-шаблонизирующего попапа.
ВАЖНО: Никто не создаn новый попап или меня нет поведен стандартных сесяциятив реклам/ция ендод Б установ з нез' ч челоух дают не свои стро;
Ищем отключению внешнего кода определю л /ле/ слож но сенвы со-би границ погиш ательн.