When I "fullscreen" an element (let's say a div), I can't get anything other elements to appear (while in fullscreen mode). Why is that happening? How can I accomplish this?
Related: Is there a way to overlay a <canvas> over a fullscreen HTML5 <video>?
似乎浏览器（Chrome 28、Firefox 23）将z-index全屏元素设置为 2147483647（最大的 32 位有符号数）。根据测试，将z-index其他元素的 设置为相同z-index会导致它们显示，但z-index不能更改全屏元素的 （可以，但浏览器只是忽略该值 - 即使使用！important）。
也许我能找到的唯一参考：
https://github.com/WebKit/webkit/blob/master/LayoutTests/fullscreen/full-screen-zIndex.html
此外，在 Chrome 开发工具中：
因此，要么将元素设置为 maximum z-index，或者更好的解决方案是创建一个容器元素，使其使您要显示的所有元素都是容器元素的子元素，然后全屏显示它。