Question

如果您打开IE7（或仿真模式下的IE10）并访问http://getbootstrap.com，然后将浏览器的大小调整为小于700px，则顶部导航栏菜单不会显示，直到您将鼠标悬停在内容上方。

如何修复？

PS：我知道IE7中没有正式支持bootstrap。我不介意我的网站是否丑陋，我只是想让功能在ie7中工作（现在，缺少导航栏菜单并不好！）

PPS：我知道在美国，ie7的使用率不到1％。在泰国，它超过5％，这就是为什么我需要支持ie7仍然

Answer 1

我刚做了一些测试，我认为我找到了解决问题的方法，它是一个javascript解决方案，可以监听折叠show事件并设置列表项和锚元素的z-index在导航栏内

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

我不确切知道IE7的问题究竟是什么，但我想以某种方式设置z-index强制重新绘制某种元素。

Answer 2

你可能会发现这个IE7 for Bootstrap 3 CSS文件很有用。 https://github.com/coliff/bootstrap-ie7

它修复了box-sizing并增加了对glyphicons的支持以及其他修复。