Kiedy "pełnoekranowy" element (powiedzmy div), nie mogę uzyskać niczego, co mogłoby się wyświetlić (w trybie pełnoekranowym). Dlaczego tak się dzieje? Jak mogę to zrobić?Wyświetlanie elementów innych niż element pełnoekranowy (pełnoekranowy interfejs API HTML5)
pokrewne: Is there a way to overlay a <canvas> over a fullscreen HTML5 <video>?
Wydaje się, że przeglądarek (Chrome 28, Firefox 23) ustawić z-index elementów fullscreened do 2147483647 (największy 32-bitowy numer podpisany). Zgodnie z testami ustawienie z-index innych elementów tego samego z-index spowoduje ich wyświetlenie, ale z-index elementu wyświetlanego na pełnym ekranie nie może zostać zmieniony (może, ale przeglądarka po prostu ignoruje wartość - nawet z! Important).
Może jedyne odniesienie udało mi się znaleźć to:
https://github.com/WebKit/webkit/blob/master/LayoutTests/fullscreen/full-screen-zIndex.html
Również w Chrome dev narzędzi:
Więc albo zestaw elementów do maksymalnej z-index, lub lepszym rozwiązaniem byłoby po prostu utworzenie elementu kontenera, tak aby wszystkie elementy, które chcesz wyświetlić, były elementami potomnymi elementu kontenera i wyświetlały go na pełnym ekranie.
Kiedy próbowałem tego, działało tylko w przeglądarce Chrome, nie Firefox lub IE11, chociaż indeks z elementu pełnoekranowego został ustawiony we wszystkich trzech. – trysis
to samo tutaj, 3 lata później. – Dalibor
Oto rozwiązanie dla Firefoksa: https://stackoverflow.com/questions/45798213/firefox-fullscreen-video-append-dom-elements – Dalibor