Bootstrap déroulant ne fonctionne pas avec IE8

Je suis en utilisant le Bootstrap cadre de la conception de mon site. J'ai la liste déroulante travailler dans la navigation, mais à partir d'une raison inconnue, dans IE8 le menu déroulant ne fonctionne pas. Lorsque vous cliquez sur à Propos de Nous de lien, la liste déroulante n'est pas pleinement apparaître. Cela se produit uniquement dans IE8.

Il fonctionne très bien dans d'autres navigateurs.

Vous pouvez le voir ici:

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

Quelqu'un peut aider avec ce problème?

Ne fonctionne pas sous Chrome..
Il fonctionne très bien sur Chrome pour moi. Il ne fonctionne pas avec IE8
Je suis sûr que vous n'avez pas besoin d'être initialisation via JS - les données de l'api pour ce plugin gère automatiquement. IE8 a également été bizarre pour moi, mais il semble en fait comme un problème de rendu. Peut-être quelque chose avec le CSS sur le reste de votre page. @suresh.g, vous avez probablement raté le fait que la page est servi via HTTPS, alors que les ressources en cours de chargement sont HTTP. Par défaut, google Chrome bloquer les scripts de chargement.

OriginalL'auteur legacyterror | 2013-04-13

  1. 7

    Voici la solution à ce problème sur le Bootstrap GitHub forums: https://github.com/twitter/bootstrap/issues/6548. Il semble que le natif IE8 va parfois se casser à cause du filtre: paramètre qui est utilisé tout au long de Bootstrap css pour les dégradés, etc. La solution est d'ajouter un filtre:aucun!important; pour un élément comme .barre de navigation ou .navbar-inner. L'ancien fonctionné pour moi.

    Le lien ne fonctionne pas! Mais +1 pour la réponse!

    OriginalL'auteur idotpdot

  2. 1

    J'ai eu un problème avec les menus déroulants sur IE8 en utilisant bootstrap 3.3.4. J'ai réussi à résoudre le problème en utilisant la version jquery 1.11.2 au lieu de jquery version 2+.

    OriginalL'auteur Jeff Collins

  3. 0

    Il y a un problème avec bootstrap-theme (dans IE8 et IE9), voir ce fil.

    Pour confirmer ce qui est de votre question,

    • vérifier que les listes déroulantes de travail sur Bootstrap est navbar exemple
    • commentaire de l'inclusion de bootstrap-theme.min.css. Dropdowns devrait alors apparaître.

    J'ai utilisé la solution de contournement suivante (suggéré dans le premier lien):

    • utilisation bootstrap-theme.css plutôt que de la .min version
    • commentaire les lignes filter: progid:DXImageTransform.Microsoft.gradient(...)

    Marque Otto également suggéré d'envelopper le contenu de la barre de navigation dans une autre div, et d'y ajouter le style de jeu.

    Espère que cette aide

    OriginalL'auteur Labarbiche

  4. 0

    J'ai eu le problème avec le menu déroulant apparaît pas dans IE8 à l'aide de démarrage de la version 2.3.2.

    Avoir lu quelques aliments que je suis venu à cette réponse de l'ajouter à ma feuille de styles conditionnels pour IE8 & 7.

    /** Corrige le problème pour les listes déroulantes en mode de compatibilité IE8 **/

    .navbar-inner{filter:none;}

    Espère que cela aide 🙂

    OriginalL'auteur Adam Kolinski

  5. 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 ">

    OriginalL'auteur Allan