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文件中删除它，导航菜单就会按预期显示。

导航栏未显示在ie9中

1 个答案: