背景全黑html代码,当HTML5进入全屏背景/元素变黑(Background/element goes black wh

我使用下面的脚本，使我的web应用程序去全屏...

function enterFullscreen(){

var element = document.getElementById('container');

if (element.mozRequestFullScreen) {

element.mozRequestFullScreen();

} else if (element.webkitRequestFullScreen) {

element.webkitRequestFullScreen();

}

l('Fullscreen Mode entered','internal');

}

所以，当我通过点击触发按钮$('button.toggle-fullscreen').click(function(){ enterFullscreen(); }); 我其实进入全屏，只有我的元素变黑。 只是黑色的，没有别的。

有人知道怎么修这个东西吗？

仅供参考我使用Chrome 27。

Answer 1:

浏览器的全屏“视觉环境”的默认背景颜色为黑色。 你的内容实际上是存在的 ，但它是目前在黑色背景上的黑色文本，所以你不能看到它(尝试突出或按Ctrl+A来查看自己)。

如果你想使背景不同的颜色，你必须指定一个CSS规则设置background-color属性默认值以外的东西。 所以，你的情况：

#container:fullscreen {

background-color: rgba(255,255,255,0);