@P_Alexander
First head

Нативный фуллскрин скрывает блок, как исправить?

Добрый день!
Как сделать что бы мой блок был видел в нативном фулскрине?
Блок div который разворачивается на весь экран (нативно) Находится в боди.
element.style {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: white;
    z-index: 2147483647;
}

.svf-fullscreen-box {
    background-color: white;
    touch-action: none;
}

:not(:root):fullscreen {
    object-fit: contain;
    position: fixed !important;
    top: 0px !important;
    right: 0px !important;
    bottom: 0px !important;
    left: 0px !important;
    box-sizing: border-box !important;
    min-width: 0px !important;
    max-width: none !important;
    min-height: 0px !important;
    max-height: none !important;
    width: 100% !important;
    height: 100% !important;
    transform: none !important;
    margin: 0px !important;
}

:not(:root):fullscreen::backdrop {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background: black;
}


Блок div который создается динамически в блоке фулскрина но расположен тоже в боди
element.style {
    top: 466.266px;
    left: 154.188px;
    opacity: 1;
}

.svf-hotspot-box {
    position: fixed;
    z-index: 9999999999;
    padding: 10px;
    transition: opacity .15s linear 0s;
    max-width: 500px;
    max-height: 500px;
    box-sizing: border-box;
    display: flex;
}

Второй блок создается исправно, просто он скрыт, то есть он под фулскрином.
Не могу понять как мне сделать что бы мой блок был виден!?
  • Вопрос задан
  • 125 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы