Добрый день!
Как сделать что бы мой блок был видел в нативном фулскрине?
Блок 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;
}
Второй блок создается исправно, просто он скрыт, то есть он под фулскрином.
Не могу понять как мне сделать что бы мой блок был виден!?