html - 导航栏在 ie9 中不显示

Question

我无法在 ie9 浏览器中看到我的顶部导航栏.... 它显示在我的本地机器上...... 但它没有出现在服务器中，您能说说如何修复它吗....

不在这里工作

在下面提供我的代码

<div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container" style="width: 1153px;">
          <a class="btn btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </a>
          <a class="brand" href="http://v2.defie.co/" style="padding-top: 0px;">
            <img alt="change" class="defieLogo" src="http://www.defie.co/designerImages/defie_logo_only.png">
          </a>
          <div class="nav-collapse collapse" style="height: 0px;">
            <ul class="nav" style="padding-left: 312px;"> 

              <li class="active"><a href="http://v2.defie.co/product.html">Product</a></li>
              <li><a href="http://v2.defie.co/solution.html">Solutions</a></li>
              <li><a href="http://v2.defie.co/service.html">Services</a></li>
              <li class="iphonePartnerLink"><a href="http://v2.defie.co/partner.html">Partners</a></li>
              <li class="iphoneContactLink"><a href="http://v2.defie.co/contact.html">Contact</a></li>
            </ul>

            <ul class="nav" id="navSecond">
              <li class=""><a href="/docs/examples/partners.html">Partners</a></li>
              <li><a href="/docs/examples/contact.html">Contact</a></li>
            </ul>
            <!--<form method="post" class="navbar-form pull-right" action="http://intra.defie.co/Account/">
              <input class="span2" type="text" name="email" placeholder="Email">
              <input class="span2" type="password" name="password" placeholder="Password">
              <button type="submit" class="btn">Sign in</button>
            </form>-->


             <a href="#myModal" role="button" class="btn" data-toggle="modal">Login</a>
             <a href="#myModal" role="button" class="btn" data-toggle="modal" style="margin-left: 20px;">SIGN UP</a>



          </div><!--/.nav-collapse -->
        </div>
      </div>
    </div>

Answer 1

在 bootstrap.css 中默认有一个 Microsoft 过滤器，您需要查看 CSS 中的 .navbar-inner 选择器并删除它:

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endcolorstr='#222222',GradientType=0)

菜单上显示的是黑色渐变，只需将其从 bootstrap.css 文件中删除，导航菜单就会按预期显示。