4

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

这怎么可能解决？

PS：我知道引导程序在 IE7 中不受官方支持。我不介意我的网站是否丑陋，我只想让功能在 ie7 中工作（现在，缺少导航栏菜单不好！）

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

4

2 回答 2

2

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

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

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

这是测试小提琴http://jsfiddle.net/7jmNu/31

于 2013-08-13T00:29:43.987 回答
1

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

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

于 2013-08-27T07:54:50.137 回答