菜单躲在Slider后面

时间:2015-04-24 10:48:35

标签: javascript jquery html css twitter-bootstrap

我在Bootstrap 3中有一个网站http://213.239.217.181/carboot/

我可能会因为人们会说您尝试了什么或向我们展示您尝试过的代码

但是我整整一天都在努力解决这个问题。

iPhone 5 上,当您使用切换按钮打开菜单时,某些菜单隐藏在滑块图像后面,但它们不应该!

Slider位于{{1}}内,我已经尝试了所有可能的事情,但无法弄清楚如何解决我的问题。

Not displaying well

这就是它应该显示的方式。

displaying Correctly

4 个答案:

答案 0 :(得分:1)

问题是你的引导主题在媒体查询中为导航栏元素设置了max-height,并且修改了menù:

.navbar-collapse { max-height :340px }

在CSS中覆盖它,就像我在Chrome开发工具中所做的那样:

Solution in Chrome Dev Tool

答案 1 :(得分:1)

你只需要这样做:

.navbar-collapse { max-height: none;}

希望这会有所帮助:)

答案 2 :(得分:1)

将您的Bootstrap框架更新为latest.Because,因为这可能发生在已弃用的框架中。主要是响应式菜单的问题。我在响应式菜单上遇到了同样的问题,但它无法在移动设备上运行。您当前的问题也是同样的问题。

答案 3 :(得分:-1)

尝试给css Z-index属性说999到你的菜单容器id。例如:

Html代码:

hi hello how are you i am fine how are you
hi how is she doing i have not herd from her

的CSS:

<ul id="menu">
<li></li>
<li></li>

}