調用requestFullscreen使dom全屏時，element組件被隱藏

調用requestFullscreen使dom全屏時，element組件被隱藏
這個聲音的組件我用的時elementUI的組件，未全屏時，正常顯示。

當我使其父DOM全屏時，該音量條被覆蓋，層級設置多高都沒用。

緣由：

所用到的組件爲element的組件，該彈窗組件會生成在body中，和項目主體app爲平行關係，項目主體全屏後，層級最高，彈出會被蓋在app層級下面，不能顯示。

解決辦法：

不要使某個元素全屏，使整個document全屏，就不會被覆蓋，由於自動生成的要顯示組件和body同級。

相關代碼：

// 全屏
requestFullscreen = (element) => {
  const element = element || document.documentElement
  if (element.requestFullscreen) {
    element.requestFullscreen()
  } else if (element.msRequestFullscreen) {
    element.msRequestFullscreen()
  } else if (element.mozRequestFullScreen) {
    element.mozRequestFullScreen()
  } else if (element.webkitRequestFullscreen) {
    element.webkitRequestFullscreen()
  }
}
// 退出全屏
exitFullscreen = () => {
  if (document.exitFullscreen) {
    document.exitFullscreen()
  } else if (document.msExitFullscreen) {
    document.msExitFullscreen()
  } else if (document.mozCancelFullScreen) {
    document.mozCancelFullScreen()
  } else if (document.webkitCancelFullScreen) {
    document.webkitCancelFullScreen()
  }