2013-04-13 17 views
8

私は自分のサイトを設計するためにブートストラップフレームワークを使用しています。私はナビゲーションで作業をドロップダウンが、IE8のいくつかの未知の理由からドロップダウンが動作しません。 About Usリンクをクリックすると、ドロップダウンが完全に表示されません。これはIE8でのみ発生します。IE8でブートストラップのドロップダウンが動作しない

他のブラウザで正常に動作します。

それをここに見ることができます:

https://dl.dropboxusercontent.com/u/52725754/fightback-responsive/index.html

誰もがこの問題を助けることはできますか?

+1

Chromeで動作していません。 –

+0

Chromeでうまく動作します。 IE8でのみ動作しません – legacyterror

+0

JSで初期化する必要はありません。このプラグインのdata-apiが自動的に処理します。 IE8も私のために奇妙な演技だったが、実際にレンダリングの問題のように思える。あなたのページの残りの部分にCSSが付いているかもしれません。 @ suresh.g、おそらく、HTTPS経由でページが提供されているのに対し、読み込まれるリソースはHTTPであるという事実を忘れてしまったでしょう。デフォルトでは、Chromeはスクリプトの読み込みをブロックします。 – merv

答えて

7

Bootstrap GitHubフォーラムでこの問題の解決方法を紹介します:https://github.com/twitter/bootstrap/issues/6548。ネイティブのIE8は、フィルタ:勾配などのためにブートストラップCSSで使用されるパラメータのために時々破損するようですが、解決策はfilter:none!important;を追加することです。 .navbarや.navbar-innerのような要素に変換します。前者は私のために働いた。

+0

リンクが機能しません!しかし、答えは+1! – Charmin

0

bootstrap-theme(IE8およびIE9)に問題があります(this threadを参照)。

が、これはあなたの問題であるドロップダウンが bootstrap-theme.min.cssを含めることから Bootstrap's navbar example
  • コメントに取り組む

    • チェックを確認します。ドロップダウンが表示されます。

    私は(最初のリンクで提案されている)次の回避策を使用:ラインアウト

    • 使用bootstrap-theme.cssではなく.minバージョン
    • コメントfilter: progid:DXImageTransform.Microsoft.gradient(...)

    マーク・オットーもnavbarの内容を別のdivにラップし、そこにスタイルの微調整を追加することを提案します。

    ホープこれは私がドロップダウンがブートストラップバージョン2.3.2を使用してIE8に表示されていないとの問題があった

  • 0

    に役立ちます。

    **/

    .navbar-inner{filter:none;} 
    
    IE8互換モードでドロップダウンのための問題を修正/ 7

    IE8 &のための私の条件付きスタイルシートに追加し、私はこの答えに来た少数のフィードを読みました

    希望はこのことができます:)

    0
    IE8 fix for twitter bootstrap responsive menu: 
    
    For me the **menu-toggle** button appeared in IE8 so to make it appear as normal menu I used 
    
    <!--[if lt IE 9]> 
    <script src="http://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script> 
    <script src="http://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script> 
    <![endif]--> 
    
    And a seprate CSS for IE8 containing the below classes 
    <!--[if lt IE 9]> 
        <link rel="stylesheet" type="text/css" href="css/ie8.css" media="screen" /> 
        <![endif]--> 
    
    Include the below classes inside the ie8.css file 
    
    .navbar-header, .navbar-collapse, .collapse{display:none;} 
    .collapseie8 ul li{ float:left; } 
    .navbar-nav, .collapse{ display:block; } 
        .navbar-inverse.nav li.dropdown.open > .dropdown-toggle, 
        .navbar-inverse.nav li.dropdown.active > .dropdown-toggle, 
        .navbar-inverse.nav li.dropdown.open.active > .dropdown-toggle, .nav, .navbar, .navbar-inverse.navbar-inner { 
    
         filter: none!important; 
         background-image: none; 
        } 
    
    <div id="defaultmenu" class="navbar-collapse collapse collapseie8"> 
           <ul class="nav navbar-nav "> 
    
    0

    は、私は、ブートストラップ3.3.4を使用してIE8のドロップダウンメニューで問題を抱えていました。 jqueryバージョン2+ではなくjqueryバージョン1.11.2を使用して問題を解決しました。

    関連する問題