3

ナビゲーションバーが固定されたシンプルなページがありますが、IEではひどく表示されます。

スクリーンショットは次のとおりです。

しかし、FireFoxでは次のように見えます。

私はブートストラップの問題はこれによって解決されるべきだと考えました：

 <!--[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

以下の特定のコードを持つステートメントの場合は、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 に答える