如何通过全屏模式修复/更改边缘的CSS背景颜色？

Question

如何通过全屏模式修复/更改边缘的CSS背景颜色？ 有摄像头的地方，白色背景的颜色。我需要默认的黑色。

::全屏和::背景没有帮助...

切换到全屏模式的代码：

          var goFullScreen = null;
          var exitFullScreen = null;
          if ('requestFullscreen' in document.documentElement) {
            goFullScreen = 'requestFullscreen';
            exitFullScreen = 'exitFullscreen';
          } else if ('mozRequestFullScreen' in document.documentElement) {
            goFullScreen = 'mozRequestFullScreen';
            exitFullScreen = 'mozCancelFullScreen';
          } else if ('webkitRequestFullscreen' in document.documentElement) {
            goFullScreen = 'webkitRequestFullscreen';
            exitFullScreen = 'webkitExitFullscreen';
          } else if ('msRequestFullscreen') {
            goFullScreen = 'msRequestFullscreen';
            exitFullScreen = 'msExitFullscreen';
          }


document.documentElement[goFullScreen] && document.documentElement[goFullScreen]();

Answer 1

在没有看到其余代码的情况下，不清楚这是否有效：尝试创建一个

div

并使用 CSS，将其分配为

absolute

定位，并设置 100%

width

和

height

。您可以为其指定

background-color

。在条件语句中，您可以将

visibility

的

div

属性切换为

hidden

或

visible

，具体取决于退出或进入全屏的时间。您需要解决 div 的

z-index

问题，才能将其正确分层到全屏内容后面。