使一个 div 在另一个 div 的全屏上可见

Question

我使用以下方法使元素全屏显示：

if (element.requestFullscreen) {
  element.requestFullscreen();
} else if (element.msRequestFullscreen) {
  element.msRequestFullscreen();
} else if (element.mozRequestFullScreen) {
  element.mozRequestFullScreen();
} else if (element.webkitRequestFullscreen) {
  element.webkitRequestFullscreen();
} else {
  return;
}

它工作得很好，但我想在全屏模式下显示另一个元素。

另一个元素有position: fixed和z-index: 999999999，但在全屏模式下不可见。

有人可以帮我吗？

下面是示例的链接

https://stackblitz.com/edit/web-platform-z1phjd?file=index.html

所以我想当红色元素全屏大小时显示蓝色元素。

Answer 1

似乎曾经可以使用 z-index 解决这个问题，但它已被较新的浏览器版本修补 -请参阅此线程

我相信Tushar Vaghela 的答案是您实现所需结果的最佳机会，即包含您希望在全屏元素中叠加的元素 -请参阅此线程。