显示全屏元素以外的元素(HTML5全屏API)
mus*_*.0x 11 html css z-index fullscreen css3
当我"全屏"一个元素(让我们说一个div)时,我无法获得任何其他元素(在全屏模式下).为什么会这样？我怎么能做到这一点？
mus*_*.0x 18
浏览器(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开发工具中:
因此,无论元素集合到最大z-index,或者,更好的解决办法是只创建一个容器元素,让这个要显示所有的元素都是容器元素的孩子,全屏它.
- 同样在这里，3年后。 (2认同)
- 这是 Firefox 解决方案：/sf/ask/3205874941/ (2认同)
- 在Chrome更新到v.69之后，该解决方案（也由我自己实现）将不再起作用，因此，似乎更好的一个更好的解决方案是Dalibor提供的Firefox。 (2认同)
| 归档时间： |
|
| 查看次数： |
8071 次 |
| 最近记录： |