引导导航问题

Question

在我正在开发的主题上，我的导航栏有问题。 http://astanmedia.com/blog 全屏时一切正常，但减小屏幕尺寸以便菜单折叠，当您单击/触摸切换按钮时，无论设置什么 z-index 或定位，下拉菜单都拒绝突破滑块用过的。在滚动时，我将导航更改为固定在顶部，一旦滑块通过它，它就会显示正常。下拉菜单在全屏时也可以在滑块上正常运行。尝试在这里粘贴代码15分钟，我一定是做错了，所以我在这里链接到代码的粘贴箱http://pastebin.com/6war9TGu。提前致谢

Answer 1

我想我看到了你的问题。这不是 z-index，而是导航栏折叠样式。

你有：

.navbar-collapse { max-height: 50px; }

你需要这样的东西：

.navbar-collapse { max-height: 275px; }

根据 Google Chrome 开发者工具，您可以在 style.css 的第 106 行找到 .navbar-collapse 样式。在您的 Pastebin 中，它看起来像是在第 94 行。

请注意，一旦您修复了.navbar-collapse 最大高度，您还需要为您的.navbar .navbar-nav 类添加背景颜色，以便下拉菜单没有透明背景。

我发现您的风格中还有一些其他小问题可能需要调整，但我假设您会在进行过程中专门询问这些问题。要解决您提出的问题，navbar-collapse 应该会有所帮助。