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

Question

我在屏幕顶部设置了一个固定位置的导航栏，z索引为1。当我单击iframe进入全屏模式时，导航栏仍然位于iframe的顶部。当我将导航栏置于全屏模式时，如何隐藏导航栏或将iframe移到最前面？

Answer 1

您可以通过以下两种方式完成此操作：

1)隐藏导航栏

#navbar{
   display: none;
}

或者..。

2)使用z-index属性将iframe放在导航栏上方

iframe{
   z-index: 2;
}

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