当iframe处于全屏模式时如何隐藏导航栏？

Question

我的导航栏设置在屏幕顶部的固定位置，z-index为1.当我点击我的iframe进入全屏模式时，导航栏仍然位于iframe的顶部。当我将其置于全屏模式时，如何隐藏导航栏或将我的iframe移到前面？

Answer 1

您可以通过以下两种方式执行此操作：

1）隐藏导航栏

#navbar{
   display: none;
}

...或

2）使用z-index属性

将iframe放在导航栏上方

iframe{
   z-index: 2;
}

以下是通过添加.fullscreen类使用jQuery应用的第二种方法的示例：https://jsfiddle.net/gyq7tv9h/