twitter-bootstrap - 如何让 bootstrap 3 响应式导航栏在 IE7 中工作？

如果您打开 IE7(或模拟模式下的 IE10)并访问 http://getbootstrap.com ，然后将浏览器的大小调整为小于 700 像素，则在您将鼠标悬停在内容上之前，不会显示顶部导航栏菜单。

这个怎么解决？

PS:我知道 IE7 不正式支持 bootstrap 。我不介意我的网站是否丑陋，我只是想让功能在 ie7 中工作(现在，缺少导航栏菜单是不好的!)

PPS:我知道在美国ie7用不到1%。在泰国这里超过 5%，这就是为什么我仍然需要支持 ie7

最佳答案

我只是做了一些测试，我想我找到了解决问题的方法，这是一个 javascript 解决方案，它监听折叠 show 事件并设置导航栏中的列表项和 anchor 元素的 z-index

$('.nav-collapse').on('show.bs.collapse', function () {
    $(this).find('li,a').css({'z-index':'auto'});
})

我不知道 IE7 到底是什么问题，但我认为以某种方式设置 z-index 会强制重绘某种元素。

这是测试 fiddle http://jsfiddle.net/7jmNu/31

关于twitter-bootstrap - 如何让 bootstrap 3 响应式导航栏在 IE7 中工作？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18008456/