前面我们创建了一个在移动设备上，可以用手指控制的幻灯片。不过现在遇到了点小问题。

当我们开启响应式导航的时候，导航菜单的内容会被这个幻灯片覆盖住 。

其实解决这个问题，一般我们只需要在被覆盖的元素上，添加一个足够大的 z-index 值就行了。

比如这里， 被覆盖的元素是这个 nav 标签里的东西 ... 所以，我们可以为这个元素添加一个大的 z-index ....

你可以使用 chrome 的开发者工具调试一下 ...

比如这个 nav 标签上有一个 nav 的 id ... 在右边找到 nav id 相关的样式 ...

点击空白的地方 ... 添加一条样式 ...

z-index : 9999 ...

左边页面上，会实时显示应用这个样式的结果 ... 现在这个导航菜单就会跑到幻灯片的上一层来显示了。

确定以后，我们可以把这条样式，添加到样式表里 ....