нужна помощь для размещения модального элемента на весь экран поверх фиксированного заголовка

Question

У меня большая проблема, я использую конструктор страниц, чтобы создать четыре кнопки с одним модальным на кнопку. Я хочу отобразить модальное в полноэкранном режиме над заголовком FIXED. Где я не прав?

Фактическое изображение: ожидание изображения:

Существует ссылка на страницу, если вы хотите увидеть CSS:

Я пробовал с z-index, overflow-y, но ничего не работает. Большое вам спасибо

Answer 1

Сначала убедитесь, что заголовок имеет более низкий z-индекс, чем у modalbox, затем убедитесь, что для modalbox установлено фиксированное значение display: fixed; с шириной / высотой 100%.

Не забудьте установить top / bottom на 0, если вы хотите, чтобы он занимал полный видовой экран.