Twitter bootstrap IE9上的引导导航栏为空

Twitter bootstrap IE9上的引导导航栏为空,twitter-bootstrap,internet-explorer-9,Twitter Bootstrap,Internet Explorer 9,我尝试使用引导模板在我的aspnet mvc应用程序上生成导航栏 在Firefox和Chrome上一切正常,但在IE上,我的菜单是透明的: 我选中了,在布局的开始处有。 我也试过 我尝试玩F12菜单和兼容模式,但没有成功 还有其他线索吗 谢谢 编辑:以下是生成的代码: <!DOCTYPE html> <html lang="en"> <head> <

我尝试使用引导模板在我的aspnet mvc应用程序上生成导航栏

在Firefox和Chrome上一切正常,但在IE上,我的菜单是透明的:

我选中了,在布局的开始处有
。 我也试过

我尝试玩F12菜单和兼容模式,但没有成功

还有其他线索吗

谢谢

编辑:以下是生成的代码:

            <!DOCTYPE html>

            <html lang="en">
            <head>
                <meta charset="utf-8" />
                <meta name="viewport" content="width=device-width, initial-scale=1.0" />
                <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
                <title>Test &bull; Home</title>

                <link href="bootstrap.css" rel="stylesheet"/>
                <link href="bootstrap-theme.css" rel="stylesheet"/>
                <link href="toastr.css" rel="stylesheet"/>
                <script src="jquery-2.0.3.js"></script>
                <script src="jquery-ui-1.10.3.js"></script>
                <script src="angular.js"></script>
                <script src="angular-resource.js"></script>
                <script src="bootstrap.js"></script>
                <script src="toastr.js"></script>

                <!--[if lt IE 9]> HTML5Shiv
                <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
                <![endif]--> 

            </head>

            <body style="padding: 40px;">
                <div class="container">

            <nav class="navbar navbar-default" role="navigation">
                <ul class="nav navbar-nav">
                    <a class="navbar-brand" href="/">Test</a>
                        <li><a href="/">Home</a></li>
                            <li class="nav-divider"></li> 
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <b class="caret"></b></a>
                            <ul class="dropdown-menu">
                                    <li><a href="/Page1/">Page1</a></li>
                                    <li><a href="/Page2/">Page2</a></li>
                                    <li><a href="/Page3/">Page3</a></li>
                                    <li><a href="/Page4/">Page4</a></li>
                            </ul>
                        </li>
                </ul>
            </nav>
                </div>
            </body>

测试与公牛;家

当我开始从事一个新项目时,我在IE9中也遇到了类似的问题。查看中的浏览器支持部分,您需要在IE代码块中添加respond.js,还需要确保它在IE 9和更旧的浏览器中工作

所以[if IE]块应该是这样的

<!--[if lte IE 9]>
  <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.6.2/html5shiv.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.3.0/respond.js"></script>
<![endif]--> 


注意[if IE]块中的“lte”,这意味着IEOk它与Jquery版本无关,而是与IE和bootstrap.theme.css中的错误有关

在比较了我们的两个页面后,我意识到您没有包括CSS,我缩小了搜索范围,偶然发现了这个问题:

我对过滤器进行了注释:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff8f8',GradientType=0);进入navbar类,现在它可以工作了


谢谢你的帮助

你能提供一个链接或相关代码吗?嗨,我添加了两个参考,我没有看到任何变化。我看到文件已下载,但我的菜单仍然是空的。浏览器支持仅表示IE8不支持圆角。我看不出这里出了什么问题……哦。。我的错是我没有正确查看你的脚本链接。我认为这与不支持IE6-8的jquery版本2.x有关。对于IE旧版本的支持,您需要使用jQuery1.x版本,我认为现在最新的版本是1.10.2。使用它,希望它会被修复。[br]在有限的时间内,我在我的服务器上上传了一个小测试页面,它在IE8-9上运行良好。IE7有一些问题。嗨,这仍然很奇怪:jQuery2.0放弃了对IE6-7-8的支持,但我的导航栏在IE9上不起作用。您的脚本正常。应提升“更新”答案;它工作得很好。更详细地说,我在链接Bootstrap3.0CSS/js之后添加了以下内容。导航栏{filter:none!important;}拯救我的一天。@lousiu,我不同意,
!重要信息
是错误的做法。此问题已在最新版本的非引导版本中修复,您最好进行更新。