如何在 Safari 中更改全屏背景颜色答案

【问题标题】：How to change full screen background color in safari如何在 Safari 中更改全屏背景颜色
【发布时间】：2015-03-16 12:24:00
【问题描述】：

我使用这段 JavaScript 代码来全屏显示页面：

<script>
    function requestFullScreen(element) {
        // Supports most browsers and their versions.
        var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullscreen;

        if (requestMethod) { // Native full screen.
            requestMethod.call(element);
        } else if (typeof window.ActiveXObject !== "undefined") { // Older IE.
            var wscript = new ActiveXObject("WScript.Shell");
            if (wscript !== null) {
                wscript.SendKeys("{F11}");
            }
        }
    }

</script>

然后改全屏页面背景颜色：

html:-moz-full-screen {
background: red;
}

html:-webkit-full-screen {
background: red;
}

html:-ms-fullscreen {
background: red;
width: 100%; /* needed to center contents in IE */
}

html:fullscreen {
background: red;
}

但它在 safari 中不起作用。

如何在 Safari 中更改全屏背景颜色？

【问题讨论】：

标签： javascript css browser safari fullscreen

【解决方案1】：

为什么不在你的 CSS 中使用它：

html{
     background-color: #ff0000;
}

如果它不起作用，您可能还有其他问题，最好查看完整的 html 和 css。

否则你可以试试这个： http://johndyer.name/native-fullscreen-javascript-api-plus-jquery-plugin/

【讨论】：