6
요소를 "전체 화면으로 표시"할 때 (div라고 가정) 전체 화면 모드에서 다른 요소를 표시 할 수 없습니다. 왜 그런 일이 일어나는거야? 이것을 어떻게 할 수 있습니까?전체 화면 요소 이외의 요소 표시 (HTML5 전체 화면 API)
관련 : Is there a way to overlay a <canvas> over a fullscreen HTML5 <video>?
A
답변
14
브라우저 (크롬 28, 파이어 폭스 23) 2147483647 (최대 32 비트 부호 번호) fullscreened 요소의 z-index을 설정하는 것이 보인다. 테스트에 따르면 다른 요소의 z-index을 동일한 z-index으로 설정하면 전체 요소의 z-index을 변경할 수 없습니다 (브라우저는! important로 값을 무시합니다).
어쩌면 나는이에 찾을 수있는 유일한 참조 : 또한
https://github.com/WebKit/webkit/blob/master/LayoutTests/fullscreen/full-screen-zIndex.html
, 크롬 개발 도구에서 : 최대 z-index에
그러니 설정 요소, 또는, 더 나은 해결책은 컨테이너 요소를 만들고, 표시하려는 모든 요소가 컨테이너 요소의 하위 요소가되도록 전체 요소를 만드는 것입니다.
관련 문제
- 1. IE11 전체 화면 요소
- 2. HTML5 비디오 전체 화면 표시
- 3. HTML5 iframe의 전체 화면 API? (Facebook)
- 4. 트릭 웹 디자인 (전체 화면 및 비 전체 화면 요소)
- 5. HTML 요소 전체 화면 플래시 동영상
- 6. 웹 페이지에서 전체 화면 요소 만들기
- 7. HTML5 전체 화면 API - DIV doesl 스크롤
- 8. 자바 스크립트/HTML5 전체 화면 API
- 9. HTML5 전체 화면 API 및 DIV의
- 10. HTML5 동영상 : 전체 화면 자막
- 11. Google지도 API 전체 화면
- 12. 전체 화면 배타 모드의 AWT 구성 요소
- 13. HTML5 전체 화면 API에 CSS를 적용 하시겠습니까?
- 14. JavaFX 전체 화면 - 화면 크기에 따라 요소 크기 조정
- 15. HTML5 비디오 IOS6 전체 화면
- 16. HTML5 멀티 캔버스 전체 화면
- 17. HTML5 전체 화면 입력 감지
- 18. 전체 화면 비디오 배경 html5
- 19. HTML5 동영상 전체 화면 버튼
- 20. HTML5 전체 화면 비디오 오버레이
- 21. Safari 전체 화면 표시 문제
- 22. 모든 요소 상단에 전체 화면 불확정 진행 막대 표시
- 23. window.innerHeight/너비가 DOCTYPE과 다른 전체 화면 HTML 요소
- 24. 파이 게임 전체 화면 표시 플래그는 화면
- 25. 안드로이드 : 전체 화면 대화 정말 전체 화면
- 26. JavaScript 전체 화면 API 플러그인
- 27. 나는 전체 화면 API 다음
- 28. DIV의 HTML 전체 화면 API
- 29. Flowplayer HTML5 전체 화면 재생 중
- 30. SmoothStreamingMediaElement 전체 화면 열기
전체 화면 요소의 Z- 색인이 세 가지 모두로 설정되었지만 Firefox 나 IE11이 아닌 Chrome에서만 작동했습니다. – trysis
3 년 후 여기와 같습니다. – Dalibor
다음은 Firefox 솔루션입니다. https://stackoverflow.com/questions/45798213/firefox-fullscreen-video-append-dom-elements – Dalibor