8

我正在使用 Bootstrap 框架来设计我的网站。我在导航中有下拉菜单，但由于 IE8 中的一些未知原因，下拉菜单不起作用。当您单击“关于我们”链接时，下拉菜单并未完全显示。这只发生在 IE8 中。

它在其他浏览器中运行良好。

你可以在这里查看：

https://dl.dropboxusercontent.com/u/52725754/fightback-responsive/index.html

任何人都可以帮助解决这个问题吗？

4

5 回答 5

7

Here is the solution to this issue on the Bootstrap GitHub forums: https://github.com/twitter/bootstrap/issues/6548. It seems as though native IE8 will sometimes break due to the filter: parameter which is used throughout Bootstrap css for gradients etc. The solution is to add filter:none!important; to an element like .navbar or .navbar-inner. The former worked out for me.

于 2013-06-18T22:10:31.150 回答
1

使用引导程序 3.3.4 在 IE8 上的下拉菜单出现问题。我设法通过使用 jquery 版本 1.11.2 而不是 jquery 版本 2+ 来解决问题。

于 2015-03-29T14:35:55.713 回答
0

我在使用引导程序版本 2.3.2 的 IE8 中没有显示下拉列表的问题。

在阅读了一些提要后，我得出了这个答案，并将其添加到我的 IE8 和 7 条件样式表中。

/** 修复 IE8 兼容模式下下拉问题 **/

.navbar-inner{filter:none;}

希望这可以帮助 ：）

于 2013-12-09T04:26:03.777 回答
0 
IE8 fix for twitter bootstrap responsive menu:

For me the **menu-toggle** button appeared in IE8 so to make it appear as normal menu I used

<!--[if lt IE 9]>
<script src="http://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="http://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

And a seprate CSS for IE8 containing the below classes 
<!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="css/ie8.css" media="screen" />
  <![endif]-->

Include the below classes inside the ie8.css file

.navbar-header, .navbar-collapse, .collapse{display:none;}
.collapseie8 ul li{ float:left; }
.navbar-nav, .collapse{ display:block; }
    .navbar-inverse.nav li.dropdown.open > .dropdown-toggle,
    .navbar-inverse.nav li.dropdown.active > .dropdown-toggle,
    .navbar-inverse.nav li.dropdown.open.active > .dropdown-toggle, .nav, .navbar, .navbar-inverse.navbar-inner { 

        filter: none!important;
        background-image: none;
    }

 <div id="defaultmenu" class="navbar-collapse collapse collapseie8">
                <ul class="nav navbar-nav ">
于 2014-10-17T10:29:58.750 回答
0

bootstrap-theme 存在问题（在 IE8 和 IE9 中），请参阅此线程。

要确认这是您的问题，

  • 检查下拉菜单是否适用于Bootstrap 的导航栏示例
  • 注释掉包含的bootstrap-theme.min.css. 然后应该出现下拉菜单。

我使用了以下解决方法（在第一个链接中建议）：

  • 使用bootstrap-theme.css而不是 .min 版本
  • 注释掉这些行filter: progid:DXImageTransform.Microsoft.gradient(...)

Mark Otto 还建议将导航栏的内容包装在另一个 div 中，并在那里添加样式调整。

希望这可以帮助

于 2013-09-25T12:33:04.810 回答