首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使引导3响应导航栏在IE7中工作?

如何使引导3响应导航栏在IE7中工作?
EN

Stack Overflow用户
提问于 2013-08-02 03:46:37
回答 2查看 5.1K关注 0票数 4

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

怎么能解决这个问题?

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

PPS:我知道在美国,ie7的使用率不到1%。在泰国,这个比例超过了5%,所以我仍然需要支持ie7

EN

回答 2

Stack Overflow用户

发布于 2013-08-13 00:29:43

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

代码语言:javascript
运行
复制
$('.nav-collapse').on('show.bs.collapse', function () {
    $(this).find('li,a').css({'z-index':'auto'});
})

我不知道IE7到底有什么问题,但我认为设置z-index会强制某种类型的元素重新绘制。

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

票数 2
EN

Stack Overflow用户

发布于 2013-08-27 07:54:50

您可能会发现这个引导3css文件的IE7很有用。https://github.com/coliff/bootstrap-ie7

它修复了方框大小,并在其他修复程序中添加了对图标的支持。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18008456

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档