Когда я «полноэкранный» элемент (скажем, div), я не могу получить какие-либо другие элементы для отображения (в полноэкранном режиме). Почему это происходит? Как я могу это сделать?Отображение элементов, отличных от полноэкранного элемента (API полноэкранного HTML5)
Похожие: Is there a way to overlay a <canvas> over a fullscreen HTML5 <video>?
Кажется, что браузеры (Chrome 28, Firefox 23) установите z-index из fullscreened элементов 2147483647 (самое большое 32-разрядное знаковое число). Согласно тестам, установка z-index других элементов на тот же номер z-index заставит их отображать, но z-index полноэкранного элемента нельзя изменить (он может, но браузер просто игнорирует значение - даже с! Важно).
Может быть, только ссылка, которую я мог найти это:
https://github.com/WebKit/webkit/blob/master/LayoutTests/fullscreen/full-screen-zIndex.html
Кроме того, в Chrome Дев инструменты:
Так как набор элементов до максимального z-index, или, лучшим решением было бы просто создать элемент контейнера, сделать его таким, чтобы все элементы, которые вы хотите отображать, являются дочерними элементами контейнера, а также полноэкранным.
Когда я это пробовал, он работал только в Chrome, а не в Firefox или IE11, хотя индекс z полноэкранного элемента был установлен во всех трех. – trysis
такой же здесь, через 3 года. – Dalibor
Вот решение для Firefox: https://stackoverflow.com/questions/45798213/firefox-fullscreen-video-append-dom-elements – Dalibor