3

我有一个带有固定导航栏的简单页面，但它在 IE 中显示很糟糕。

这是屏幕截图：

但在 Firefox 中它看起来：

我认为应该通过以下方式解决 Bootstrap 问题：

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

在我的标题中。

这是我的html：

   <div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
      <div class="container">
      <a class="brand" href="./index.html">link</a>    
    </div>
  </div>
   </div>
<div class="subnav subnav-fixed">
  <ul class="nav nav-pills">
    <li><a href="index.html">HOME</a></li>
   <li><a href="portfolio.html">PORTFOLIO</a></li>
    <li><a href="services.html">SERVICES</a></li>
    <li><a href="careers.html">CAREERS</a></li>
   <li><a href="contacts.html">CONTACTS</a></li>
  </ul>
</div>

我将如何解决这个问题？如果你需要css，我会添加它。

4

1 回答 1

3

在具有以下特定代码的 if 语句中链接 IE 中的附加样式表。您可能需要牺牲导航栏的某些部分，例如渐变（我认为 IE8 不支持这些）。

ul.nav {
    padding: 10px 0;
    display: block;
    text-align: center;
    background: white;
    font-size: 12px;
}
ul.nav li {
    display: inline;
    text-align: center;
    padding: 10px;
    border-right: 1px solid #f0f0f0;
}
ul.nav li:last-child {
    border-right: none;
}
ul.nav li a {
    text-decoration: none;
    color: black;
}

JSFiddle 演示

于 2013-02-21T18:05:46.060 回答